WordPress.org

Support

Support » Themes and Templates » [Resolved] Menu spaced so it takes up the full width of header logo?

[Resolved] Menu spaced so it takes up the full width of header logo?

  • Hi, I would like my menu to be spread out so it takes up the full width of the header logo and the menu items are evenly spaced from each other. Is that possible to change in the “Theme options”, “custom CSS” field? Right now the menu items are flush left and there is a big gap on the right side. I don’t want the menu to be centered. Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author Fruitful Code

    @fruitfulcode

    silvershine,

    Can you show your website?
    Yes it possible with “custom css”

    Home

    thanks!

    Theme Author Fruitful Code

    @fruitfulcode

    silvershine,

    Try to add this lines, if they helped, I am waiting for good feedback 😉

    .head-container .container .sixteen.columns {
    	margin-left: 0px;
    	margin-right: 0px;
    }
    
    #masthead {
    	width: 960px;
    }
    
    .main-navigation {
    background-color: #3399cc;
    width: 960px;
    }
    
    .main-navigation li {
    	margin-right: 15px !important;
    }
    
    #page .container header .header-hgroup.left-pos {
    	margin:0px;
    }

    It is PERFECT!!! Thank you SO MUCH! You fixed it so the logo width, menu width and body width match too. I love the fruitful theme.

    Hi, is there code I can add to the custom css field so when the “full site” is viewed on mobile devices the header logo shrinks with the page size? Right now it gets cut off and can’t be viewed. Thank you!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘[Resolved] Menu spaced so it takes up the full width of header logo?’ is closed to new replies.