Joomla Templates Club 406,261 posts

[joomlanews Friend joomlanewsJoin date: November 2008Posts: 29Downloads:16Uploads:10 Thanks: 11 Thanked: 1 times in 1 posts]

#198187

I want to have my menubar (navbar) always on the top of my screen.
that needs a scrollable bar, that flow down with the screen. It’s the same effect as in JA_Magz?

Is that difficult to realize? I saw in the source, it’s something like <div class=”navbar fixed-top…”
what I need to copy from ja_magz? only css or dynamic php code (header block) or both?

I’ve already played around with, but without success 🙁

thanks in advance you for your help.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#536819

Hi
you can follow this link to make the menu sticky .
may be it will solve your problem

[joomlanews Friend joomlanewsJoin date: November 2008Posts: 29Downloads:16Uploads:10 Thanks: 11 Thanked: 1 times in 1 posts]

#536842

Tanks pankajsharma

The described solution still works fine for the mobile view. but for the desktop view the menubar scrolls not with the content.
I don’t know wich override should I use? custom.css or in the navbar.less?

cheers Roger

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#536845

<em>@joomlanews 429458 wrote:</em><blockquote>Tanks pankajsharma

The described solution still works fine for the mobile view. but for the desktop view the menubar scrolls not with the content.
I don’t know wich override should I use? custom.css or in the navbar.less?

cheers Roger</blockquote>

Did you added the css classes in navbar.less????
and compiled the less to css??

1 user says Thank You to Pankaj Sharma for this useful post

1. joomlanews

[joomlanews Friend joomlanewsJoin date: November 2008Posts: 29Downloads:16Uploads:10 Thanks: 11 Thanked: 1 times in 1 posts]

#536846

yes exactly! after compiling the menu-navbar was black :). I’ve used the navbar.less from ja_magz. and the position was fix and not scrollable.. I think it need more things to costumize…

[joomlanews Friend joomlanewsJoin date: November 2008Posts: 29Downloads:16Uploads:10 Thanks: 11 Thanked: 1 times in 1 posts]

#536911

for other people here, who are interested in that, here my solution:

I added a small css in my custom.css like follows:
/* — menu fix effect — */
.t3-mainnav {
position:fixed;
width:100%;
z-index:9999;
}
.t3-mainbody {
padding-top: 30px;
}
@ media (max-width: 767px) {
.t3-mainbody {
padding-top: 0px !important;
}
now It works for me….
URL to my modification: http://www.joomlainfo.ch

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#536913

Glad you solved it 🙂
Thanks for sharing to others .
All the best your development site

[Author]

Posts