3 replies · opened Sep 14, 2019
I would like to make top menu sticky when @media is < 950 (when the menu has been collapsed to hamburger), and display a block with height of 75 px. Can this be done, and how? NOTE the screenshot of the Forum -- the top menu is overlaying content and no way to scroll up to show the full line half masked by heading
Hello,
Thanks
The Support Forums is not responsive by Default.
To make the Top Menu Sticky, you can simply add the .sticky-responsive-menu Class to the <body> Tag.
We are not sure about the 75px Block you are planning to display. Can you please provide any examples on that so that we can provide you with more assistance? Thanks for your Patience.
Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.
WORKS!! Better than what I wanted. It automatically reduced the logo when starting to scroll, and is only 60 px tall when hamburger shows -- uses less screen space, but keeps menu visible. http://ser2019.serendipitycostarica.com/BuildLandingPage.php
THANKS!
Hello,
Awesome! Really Glad that your issues were resolved. You can resize your Header to your desired height, by simply generating the CSS Codes from here: http://support.semicolonweb.com/header-height-css-generator/ .
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