Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • August 15, 2016 at 8:09 pm #672859
    pidaine

    Hello, I’d like to space out my main menu for it to look like http://www.erinenergy.com. right now it looks like this brookes.brookesenergy.com

    August 19, 2016 at 5:24 am #674471
    Jordan

    Hey pidaine,

    Thanks for getting in touch with us and sorry for the delayed response!

    The only difference I see between the main menu in the 2 links is that in the first link, the main menu looks more centered. But the spacing between the menu items look the same.

    Could you specify where you want the space to be added. If it is between each menu item or if you need space from the left or right of the page.

    Best regards,
    Jordan

    August 24, 2016 at 7:26 pm #677200
    pidaine

    Hi Jordan,

    I want the entire main menu in the second link to move up a bit so that its just a little bit beneath the slider just like it is in http://www.erinenergy.com
    Waiting on your reply, thanks

    August 24, 2016 at 8:46 pm #677236
    Vinay

    Hi,

    To space out the menu Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    nav.main_menu {
    left: 0!important;
    width: 100%!important;
}

.av-main-nav-wrap {
    width: 100%!important;
}

#avia-menu.av-main-nav {
    display:flex;
    justify-content: space-between;
}

    Best regards,
    Vinay

    August 24, 2016 at 8:50 pm #677238
    pidaine

    Thanks! It worked. However I’d also like to move the menu up a little. How do i go about that?

    August 24, 2016 at 9:32 pm #677252
    pidaine

    I figured it out. Used the code
    nav.main_menu{
    top: -40px;
    }

    Thanks a lot guys!!!

    August 26, 2016 at 4:56 am #677911
    Rikard

    Hi,

    Great, glad you got it working and thanks for sharing your solution :-)

    Please open a new thread if you should have any further questions or problems.

    Thanks,
    Rikard

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘How To Space Out Main Menu’ is closed to new replies.