How to hide-show side panel on mobile devices

1 reply · opened Aug 23, 2021

SSGASAAug 23, 2021

Hello

I have had serious issues with a client which has requested major modification in the template,and now I have to encounter a final challenge.

Client insisted that he need an additional menu on the left side, and with your help I manage to add side panel on the left side to play the role of the additional menu bar.

Problem: Site is now prety much useless on mobile devices. Any help / solution will be deeply appreciated.

Regards, Zoran Makrevski
makrevski.z@sga.gr

SSemicolon WebSTAFFAug 23, 2021

Hello,

We already have a Close Button added to the Side Panel by default on Mobile Devices: https://themes.semicolonweb.com/html/canvas/side-panel.html (Open the Side Panel to see the Close Button). But this is not working on your Website since there are many HTML Validation errors: https://validator.w3.org/nu/?doc=https%3A%2F%2Finoxsteel.sga.net.gr%2F . Please fix them and the Close Button should appear automatically.

Additionally, you can consider using any or Tag and add the .side-panel-trigger Class to it. This will act as the Side Panel Open/Close Button. Example:
[ch_pre]Close Side Panel[/ch_pre]

We currently do not provide Customization related Support according to the Item Support Policy: https://themeforest.net/page/item_support_policy . So please make sure that your Questions are in accordance with the Support Policy and only related to the Features included with Canvas by default. Else you will need to manually code the Customizations or Hire a Freelancer to help you out with your Client's needs.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard