Navigation Bar problems

2 Views

I have several problems that I have been unable to resolve:

How do I center the whole menu? Right now, the only way I’ve been able to do that is through this code:

Read More
.not-fixed #site-title, .not-fixed #navigation {
   margin: 0px auto;
   max-width: 900px;
   float: none;
 }

However, for some reason, there is a very ugly top padding now on any page that isn’t white (see homepage). Therefore, how do I center this menu to avoid this problem? please see the result of that in this screenshot: https://flic.kr/p/o8eMB5

Next, as you will note: there is a TOP vertical align on the text content in this menu. We would like it to be a center vertical align. Can you please show us how to do this?

Screenshot: https://flic.kr/p/o8eMB5

Lastly, if you will look at the edges of the menu on the home page, you’ll see that they don’t look right. There still seems to be a bit of the old menu there. How do we get rid of that to make the edges look clean?

Website: visualicreative.com

Post Views: 2

Related posts

Leave a Reply

1 comment

  1. Add this CSS to your CSS file and you should be good.

    This CSS will vertically center the nav items:

    #mega_main_menu > .menu_holder > .menu_inner > ul > li > .item_link > .link_content {
  padding: 10px 0 !important;
}

    This will take out the white background on the NAV:

    .not-fixed #navigation {
  background-color: transparent;
}

    As to your last question, I am not sure what you are referring to as “There still seems to be a bit of the old menu there”

    Hope that helps, let me know if I can help out in any other way.