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.8 is now available!


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 5808 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