Tagged: , , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 11, 2014 at 9:26 pm #366921
    apower84

    Hi, Support,

    Have been trying to find the right options to invert the colors in my main menu. Want it white and when u hover over it would apper as grey.
    Also i want to clean it up and remove all borders but not the mobile menu borders can i get some help here.

    //Cheers

    December 11, 2014 at 11:13 pm #367009
    Elliott

    Hey Mattias!

    Add this to your custom CSS.

    #header_meta { border-bottom: 0px !important; }

    As for the menu links you can change their color and backgrounds in Dashboard > Enfold > Advanced Styling. You can the CSS rules to them twice and set one of them to only be applied only on hover.

    Cheers!
    Elliott

    December 12, 2014 at 12:15 am #367049
    apower84

    Hi Elliot,

    Thank you the Advanced Styling works great :-D “Finally” but the borders are still there in the main menu? :-(

    Cheers!
    Mattias

    December 12, 2014 at 12:49 am #367061
    apower84

    Can you provide me with some different solutions.

    1. Where all the borders are gone top and main menu.

    2. When we take away the “pipes” | between the main menu items and keep the top border of the main menu and increase it to like 2px.

    3. Whats CSS element is it for the botton borde for the main menu? Maby want want a black border there….

    Cheers!

    • This reply was modified 10 years ago by apower84.
    December 12, 2014 at 6:08 pm #367379
    Elliott

    Hi!

    Use this CSS then.

    #header_main_alternate {
    border-bottom: 1px solid red !important;
    border-top: 0 none !important;
}
.menu, .menu a, .menu li { border: 0px !important; }

    Best regards,
    Elliott

    January 13, 2015 at 3:17 pm #378817
    apower84

    Thank you @Elliott :-)
    You can close this ticket now.

    Cheers!

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘MainMenu css help’ is closed to new replies.