Fixed menu and submenu in small screens

3 replies · opened Apr 15, 2016

JjuanchpApr 15, 2016

Is it possible?
All works in medium, large and extra large screens (page menu and submenu), but when the screen size is smaller than medium, only page menu stay in the top, but the submenu does not "sticky" in the bottom of this main menu. How can I do this?

Thank you very much
Juan Carlos

SSemicolon WebSTAFFApr 15, 2016

Hello,

This is Definitely Possible. Add the .sticky-responsive-menu and the .sticky-responsive-pagemenu Class to the <body> Tag. Example:


	...

and then add the following CSS code:

#header.responsive-sticky-header ~ #page-menu.sticky-page-menu #page-menu-wrap { top: 60px; }

This will definitely work fine. Let us know if we can help you with anything else or if you find any further issues.

JjuanchpApr 18, 2016

Yeahhh!
Works fine!

Thank you for your fast support!

JC

SSemicolon WebSTAFFApr 18, 2016

Hello,

Really Happy to Help! :) Do let us know if we can help you with anything else or if you find any further issues with Canvas.

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