Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 16, 2017 at 1:16 pm #793895
    dweddell

    Hi

    I wish to have to coloured buttons next to each other on the main menu. For some reason there is no white space between the buttons, when they are position next to each other on the main menu. How to I add some white space?

    cheers

    Duncan

    May 16, 2017 at 1:37 pm #793919
    Nikko

    Hey dweddell,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    #top #header .av-menu-button > a .avia-menu-text {
    margin-left: 5px !important;
}

    Hope this helps :)

    Best regards,
    Nikko

    May 16, 2017 at 1:41 pm #793921
    dweddell

    Thanks Nikko

    this adds space between the coloured buttons, but no we have too much space between first coloured button and last text menu item. How can we resolve this?

    cheers

    Duncan

    May 16, 2017 at 1:44 pm #793924
    Nikko

    Hi,

    Try adding this css code as well:

    #avia-menu #menu-item-69 > a {
    padding-left: 0;
    margin-left: -5px;
}

    Best regards,
    Nikko

    May 16, 2017 at 1:46 pm #793925
    dweddell

    brilliant!
    thanks for your super quick response :)
    D

    May 16, 2017 at 2:36 pm #793949
    Nikko

    Hi,

    Glad we could help! Thanks for using Enfold :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘white space between coloured buttons on main menu’ is closed to new replies.