WebsiteBaker Logo
  • *
  • Templates
  • Help
  • Add-ons
  • Download
  • Home
*
Welcome, Guest. Please login or register.

Login with username, password and session length
 

News


WebsiteBaker 2.13.6 is now available!


Will it continue with WB? It goes on! | Geht es mit WB weiter? Es geht weiter!
https://forum.websitebaker.org/index.php/topic,32340.msg226702.html#msg226702


The forum email address board@websitebaker.org is working again
https://forum.websitebaker.org/index.php/topic,32358.0.html


R.I.P Dietmar (luisehahne) and thank you for all your valuable work for WB
https://forum.websitebaker.org/index.php/topic,32355.0.html


* Support WebsiteBaker

Your donations will help to:

  • Pay for our dedicated server
  • Pay for domain registration
  • and much more!

You can donate by clicking on the button below.


  • Home
  • Help
  • Search
  • Login
  • Register

  • WebsiteBaker Community Forum »
  • WebsiteBaker Support (2.8.x) »
  • Templates, Menus & Design »
  • Sticky Menu + Show_menu2
  • Print
Pages: [1]   Go Down

Author Topic: Sticky Menu + Show_menu2  (Read 4825 times)

Offline svsanchez

  • Posts: 589
Sticky Menu + Show_menu2
« 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!
Logged

Offline Ruud

  • Posts: 3671
  • Gender: Male
  • Do not use PM for help! Please use the forum!
    • Dev4Me - Professional WebsiteBaker Development
Re: Sticky Menu + Show_menu2
« Reply #1 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;
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
Logged
Dev4me - WebsiteBaker modules - WBhelp.org

  • Print
Pages: [1]   Go Up
  • WebsiteBaker Community Forum »
  • WebsiteBaker Support (2.8.x) »
  • Templates, Menus & Design »
  • Sticky Menu + Show_menu2
 

  • SMF 2.0.19 | SMF © 2017, Simple Machines
  • XHTML
  • RSS
  • WAP2