WordPress.org

Forums

Fruitful
[resolved] Menu spaced so it takes up the full width of header logo? (6 posts)

  1. silvershine
    Member
    Posted 11 months ago #

    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!

  2. Fruitful Code
    Member
    Theme Author

    Posted 11 months ago #

    silvershine,

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

  3. silvershine
    Member
    Posted 11 months ago #

  4. Fruitful Code
    Member
    Theme Author

    Posted 11 months ago #

    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;
    }
  5. silvershine
    Member
    Posted 11 months ago #

    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.

  6. silvershine
    Member
    Posted 10 months ago #

    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!

Reply

You must log in to post.

About this Theme

About this Topic