Joomla Templates Club 406,261 posts

[gammx1 Friend gammx1Join date: April 2007Posts: 13Downloads:0Uploads:0 Thanks: 5]

#195810

Hi, I need to get the header – top MAIN-NAV section (Logo, Mega-menu, Search, Socials)- to stay available at the top when scrolling down every page…
In other words, to have the Logo, the mega-menu, socials & search area always available at the top.
Thanks in advance for any help you may provide,
Rgrds,

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#526845

Add this code to this css: /templates/ja_elastica/css/template.css

@media screen and (min-width: 981px){
#ja-header{
position:fixed !important;
}

#ja-container{
margin-top:85px;
}
}

1 user says Thank You to chavan for this useful post

1. gammx1

[gammx1 Friend gammx1Join date: April 2007Posts: 13Downloads:0Uploads:0 Thanks: 5]

#526854

<em>@Chavan 416521 wrote:</em><blockquote>Add this code to this css: /templates/ja_elastica/css/template.css

@media screen and (min-width: 981px){
#ja-header{
position:fixed !important;
}

#ja-container{
margin-top:85px;
}
}

</blockquote>

Thanks. Your given code worked perfectly.

Additionally tweaked the following code to better match the whole template look when scrolling down:


.ja-megamenu ul.level0 li.active {
background: #222222
}
.ja-megamenu ul.level0 li.active a.mega {
color: #FFF
}


Final result available here: Joomlas2Go.net. Surely may help others!

Rgrds,

[Author]

Posts