Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 8, 2014 at 11:46 am #221197
    deyowulf

    I would like to set up a Header with bottom nav with my logo and the menu centered – is there css to do this?

    Also, what is the css to change the font size of the menu for this style of header?

    Thanks

    Jonny

    February 10, 2014 at 9:26 am #221584
    Dude

    Hey deyowulf!

    1) Insert this code into the quick css field

    
#top #menu-item-search.menu-item-search-dropdown{
float:left;
}

.bottom_nav_header.social_header .main_menu, .bottom_nav_header.social_header .main_menu {
width: auto;
float: none;
margin: auto;
text-align: center;
}

.bottom_nav_header.social_header .main_menu>div, .bottom_nav_header.social_header .main_menu ul:first-child {
text-align: center;
margin: auto;
}

.bottom_nav_header.social_header .main_menu ul:first-child {
max-width: 650px;
}

    and instead of 650px insert the width of your menu.

    2) This code

    
.bottom_nav_header.social_header .main_menu ul:first-child>li a {
font-size: 12px;
}

    will help you to change the font size.

    Cheers!
    Peter

    February 27, 2014 at 6:51 am #229932
    deyowulf

    Hi Peter,

    None of these codes seemed to work.

    Also, now when I try to change the border color of my header it doesn’t change.

    February 27, 2014 at 8:26 am #229953
    deyowulf

    Never mind, the code works for the menu. However, the Logo still stays on the left side – how do I center the logo? Also, how do I make the height of the header taller so I can use a larger logo?

    Thanks

    Jonny

    February 27, 2014 at 4:15 pm #230105
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    div .logo {
left: 40%; }

    You may need to adjust the value to center it perfectly

    Cheers!
    Yigit

    March 1, 2014 at 12:32 pm #231048
    deyowulf

    Thanks Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Menu and Logo Location for Header With Social Icons and Bottom Nav’ is closed to new replies.