• 0
Sign in to follow this  
Followers 0

Navbar at bottom with header at fixed height


Question

Posted · Report post

Hi,

 

I have a header with fixed height of 300px.

I want the navbar at bottom inside the header, but it always moves to top.

 

I tried several CSS but it always gets overwritten.

 

Any ideas?

 

Thx

Share this post


Link to post
Share on other sites

3 answers to this question

  • 0

Posted · Report post

Hi there, can we have a link to the live page so we can see the setup and take a look at what css you could use.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi, 

Problem is that the site is live and I was trying to update header in the preview.

 

 

The things I did was, all is in full with:

  1. Set at header background image. To have it nicely displayed I had to have the header have a fix min height of 300pix
  2. I added a simple navbar which is at top
  3. I added main Navbar, this shows now below the simple navbar.

I want it to move to bottom of header, not below simple navbar.

 

I can add classes to navbar like .header-navbar.

 

The main goal is to have the header look something like:

http://www.roadies.be

 

thx for trying to help me.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

HI,

 

If you want to have a similar header area as the site you linked, all you need to do is add an image to the header area settings, then drag and drop the NavBar section beneath that. You will need to customize the style of the NavBar to have a similar to that sites navigation.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0