Fix menu to top

wimhi

Hi,

I would like to fix the upper part of the template JA Company in the way that when you are scrolling down, the menu (and topbar and head-right) would stay visible.
They told me to change the css.
Can someone help me with this?

Thanks!

Grtz! Wim

pavit

Hi wimhi

You can take a look at THIS THREAD

Regards

wimhi

pavit Thank you for replying so quick.
I get the following message: Oops, your account does not have permission to access this topic. Sign Up Now!

pavit

wimhi

Ok i'm posting below code used to have mainnav sticky at top

Open /css/custom.css file in the template folder and add below code

.t3-mainnav.affix {
    position: fixed;
    top: 35px;
    left: 0;
    width: 100%;
    z-index: 999;   
}

save and check.

Let me know if it helps

wimhi

pavit
Unfortinately it did not work.
The file custom.css did not exist, so I created the file and posted this code

pavit

Hi wimhi

Please edit your first post and add to it a temp super user account to your backend and an url for it i will have a look directly

wimhi

pavit
Done!

pavit

wimhi

Sorry i forgot to mention that in this file templates/ja_company/tpls/blocks/mainnav.php line 18
should be changed from:

<nav id="t3-mainnav" class="wrap navbar navbar-default t3-mainnav">

<nav id="t3-mainnav" class="wrap navbar navbar-default t3-mainnav" data-spy="affix" data-offset-top="150">

I have changed it for you.

Regards

wimhi

pavit
Thank you for your help.
It is almost what I needed, because what I meant is that everything above 't3-mainnav' is fixed and stays visible.
Can I use the same CSS code for the topbar an head-right?

I would like to fix the upper part of the template JA Company in the way that when you are scrolling down, the menu (and topbar and head-right) would stay visible.

wimhi

wimhi
I fixed it by myself by using the following code:

.t3-header.affix {
position: fixed;
top: 0;
z-index: 999;
width: 100% !important;
background:#fff;
}
And in the tpls/blocks folder I also used data-spy="affix" data-offset-top="52" in header.php
Thanx anyway for your help!!!
Grtz, Wim