Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #7250

    Hi There,

    To emphasize one of the menu buttons on the main menu of the Abundance theme, we changed the background color to RED. However, upon doing so, we noticed the dividers (for lack of a better word) between the menu items appears as a sliver of white in the otherwise red button on the right side. Is there any way to work around this and perhaps change that divider for that menu item only?

    Best,

    gopcobra

    #57276

    You can try following code:

    .main_menu .avia_mega #menu-item-753 a {
    border-right: 1px solid #BE2126 !important;
    }

    #57277

    Thanks for your help Dude. Worked perfectly. If I could ask another question, is there way to do one of the following:

    A) Spread out the horizontal main menu to fill the whole menu space? OR

    B) Right align the last menu item so that the rest of the menu items are left-aligned, but the last item is floated to the right.

    TIA!

    #57278

    Hi,

    1) In your style.css you’ll find #top .main_menu .avia_mega li

    Between the brackets you can add

    padding: TOP RIGHT BOTTOM LEFT;

    for example:

    padding: 0px 15px 0px 10px;

    2) After you do the above you can do this in your style.css:

    #menu-item-927 {
    background-color: #BE2126;
    margin: 1px 0pt 0pt 6px;
    }

    You also have a :hover state for your Contribute, you’ll have to modify that as well.

    Let me know if it works :)

    #57279

    Thanks Chris. It worked pretty well. I wish the menu item titles would still be centered between the gray dividers, but that may not be possible. Additionally, still trying to figure out how to get rid of the red to the right of contribute when hovering. I really do appreciate your help with me getting this far.

    #57280

    To center the titles you can put an equal padding for left & right instead of 31px for right only. As for your red you’re applying different styling to the actual list item & the link itself, this is creating some “conflicts” for your background.

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Menu item dividers issue’ is closed to new replies.