Retain Logo and Menu icon on scroll, on mobile devices

2 replies · opened Jan 8, 2018

MmillerstudioJan 8, 2018

The Logo and Menu icon disappear when scrolling down a page on a mobile device.

Is there any way to retain the Logo and Menu icon in the top portion of the screen while scrolling on a mobile device? At least the Menu icon?

I’ve seen this on other templates that I have used.

I tried the Type Class ".floating-header". But, that did not work.

Can your template be modified somewhere in the code to achieve this? Thanks in advance.

SSemicolon WebSTAFFJan 8, 2018

Hello,

This is Definitely Possible and already available with Canvas. The Header is not Sticky by default on Mobile Devices, so you will simply need to add the .sticky-responsive-menu Class to the <body> Tag. Example:

This will definitely work fine. Hope this Helps!

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

MmillerstudioJan 8, 2018

You guys are great. Thanks.

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
Retain Logo and Menu icon on scroll, on mobile devices · Canvas Template Support