Fixed/Fluid Nav Bar

[Guest]

Hi

 

Probably a silly question, but is it possible when in sm md lg  view,to have the navbar fixed and in xs view have the nabar floating. If so how please.

 

Many thanks

 

Grandpa

[aurelou]

Hi @@grandpaj

 

I think you should do this in user.css :

@[member=media]  (min-width: 768px) {  

 .YourNavbarClass
{
position: fixed;
    }
    }

Replace by your navbar class.

[Guest]

@@aurelou

 

Thanks for that. Tried it with a few variations but couldn't get it to work. including changing the template file to nav-fixed-top

 

Cheers

Grandpa

[aurelou]

@@grandpaj I think you should first make your navbar float in the admin, and then put the code I mentioned.

[Guest]

@@aurelou

 

Hi

 

Many thanks, I think I have it sorted. changed CSS just a little to this

@[member=media]  (min-width: 768px) { 
 .navbar
{
position: fixed;width:100%;z-index:1000;
    }
    }

And it seems to work.

 

Many thanks

Grandp