Jump to content

Archived

This topic is now archived and is closed to further replies.

North Gear

Navigation Bar Image or Header?

Recommended Posts

North Gear    0
North Gear

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
James B    436
James B

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


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
North Gear    0
North Gear

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;
  
}

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

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.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
North Gear    0
North Gear

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.

Share this post


Link to post
Share on other sites
North Gear    0
North Gear

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
Danny    1,327
Danny

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


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
North Gear    0
North Gear

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
Danny    1,327
Danny

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


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

×