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

  • Resolved silvershine

    (@silvershine)


    10 years, 9 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!

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”

    Thread Starter silvershine

    (@silvershine)

    https://www.workingparenting.com

    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;
}
    Thread Starter silvershine

    (@silvershine)

    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.

    Thread Starter silvershine

    (@silvershine)

    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 ‘Menu spaced so it takes up the full width of header logo?’ is closed to new replies.