• 0
Sign in to follow this  
Followers 0

Navigation Bar Image or Header?

Question

Posted · Report post

Is there any way to increase the maximum size of the navigation bar? I want it to be atleast 100px, but I didn't know If that was possible. I have increased the navigation bar size, just can't figure out how to allow the image to be larger. If not then is there a solution to add a logo and nav bar into the Header section? The logo for my site is really meant to be larger. 

 

 

Share this post


Link to post
Share on other sites

9 answers to this question

  • 0

Posted · Report post

Hello,

 

You've done the correct thing on the navbar, the same code applied to the navbar height is also applied to the logo inside the navbar. Max-height:29px.

 

If you set this to none then the image will fill the navbar.

 

See - http://screencast.com/t/gteVwXlLBMf

Share this post


Link to post
Share on other sites
  • 0

Posted (edited) · Report post

Thank you for the help, but should I use firebug to write the code into the custom codes box, or is there another way? I already have:

#site #header {
height: 25px;
}
.navbar {
min-height: 80px;
  
}
Edited by North Gear

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

You can add your custom code to tools like Firebug and see how it looks, once you're happy, add the code to your custom CSS.

Share this post


Link to post
Share on other sites
  • 0

Posted (edited) · Report post

Wow, for the life of me, I cannot get firebug to work for Chrome. Any other suggestions? 

 

Edit:

Well I installed firefox, got firebug, but now I cannot find the lines that he is viewing, or where to change the minimum values.

Edited by North Gear

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Alright. Thanks! With all the help, I managed to change it.  But would you know how to make the nav bar items (Homepage, store, search function) sink to the bottom of the nav bar? Or do the just float up top?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Not sure what you mean, I would need to see what you have, can you provide a link to your site please.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

north-gear.us

 

As you can see, the logo changed as I wished, but the nav bar items to the right, I think, would look better if they were at the bottom. 

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

You can't really do that without extensive CSS, something which we do not provide support for.

 

What I would suggest is using a MediaBox and adding your logo image there instead. Then add the Navbar section below your image. We have a guide on our documentation which may assist you.

 

http://docs.pagelines.com/tutorials/creating-a-branding-area

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