WebsiteBaker Community Forum

WebsiteBaker Support (2.8.x) => Templates, Menus & Design => Topic started by: svsanchez on September 28, 2016, 11:18:38 PM

Title: Sticky Menu + Show_menu2
Post by: svsanchez on September 28, 2016, 11:18:38 PM

Hello everyone, I would like to create a site with a "Sticky" Show_menu2 menu at the top, like the following examples:

- https://www.grovemade.com/
- https://www.visage.co/
- http://www.prollective.com/

I found another topic but it was too old and apparently was more centered in making a sticky menu WITHOUT Show_menu2.

Thanks in advance for any help!

Title: Re: Sticky Menu + Show_menu2
Post by: Ruud on September 28, 2016, 11:43:47 PM

To make an element (like a div containing a menu) "sticky" just use the css position: fixed; (http://www.w3schools.com/css/css_positioning.asp)
The nice effects like opacity changes or the height of the menu on user scroll is done through javascript (jQuery).

A good start could be found here: http://www.w3schools.com/howto/howto_css_fixed_menu.asp