Tagged: , , ,

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

    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

    #367009

    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

    #367049

    Hi Elliot,

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

    Cheers!
    Mattias

    #367061

    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 5 years, 5 months ago by  apower84.
    #367379

    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

    #378817

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

    Cheers!

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

The topic ‘MainMenu css help’ is closed to new replies.