Joomla Templates Club 406,261 posts

[andersonannem Friend andersonannemJoin date: November 2007Posts: 76Downloads:17Uploads:1 Thanks: 12 Thanked: 5 times in 1 posts]

#197447

Hello.

Is it possible to make the standard main menu sticky to the top of the page so it is always visible on the desktop and tablet views as you scroll down?

If yes, can you please tell me what I need to change to make this possible.

Thank you.

Anne

Here is the URL to the site: http://www.proscape-wi.com

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#533844

Do you just want the main nav menu to be sticky – or the entire header (with your logo)?

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#533939

Hi Anne,

Do you want to make Main Menu sticky as in this image? http://prntscr.com/3gy0u5

If so, pls open the file /templates/your_template_name/css/template.css, then add this rule:

/* Sticky Menu */
@media (min-width:768px) {
#ja-topbar {
position: fixed;
z-index: 100;
}
#ja-header {
position: fixed;
z-index: 100;
top: 32px;
background: white;
}
#ja-mainnav {
position: fixed;
z-index: 100;
top:157px;
background: white;
width: 100%;
}
#ja-slideshow {
margin-top: 190px;
}
}

Remember to clear JAT3 cache after changing.

1 user says Thank You to Nazario A for this useful post

1. andersonannem

[andersonannem Friend andersonannemJoin date: November 2007Posts: 76Downloads:17Uploads:1 Thanks: 12 Thanked: 5 times in 1 posts]

#534175

This is it. Thanks so very much!!

Anne

[Author]

Posts