Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #286607

    Hi!

    Is it posible to create a header like this :

    http://dibbadoo.nl/

    with the enfold theme?

    Tnx in advance!

    Yannick

    #286612

    Hi c3computers!

    Please go to Enfold theme options > Header Layout > Header Layout and choose “logo left, menu below” in “Menu and Logo Position”
    then add following code to Quick CSS in Enfold theme options under General Styling tab

    nav.main_menu {
    background: yellow;
    border-radius: 10px;
    }

    Best regards,
    Yigit

    #286615

    Dude you rock!

    Now i got the following problem.

    http://www.lookmedia.nl/

    When i set the border to white its gone in the menu but i shill got the strips from left to right..

    #286619

    Hi!

    Please add following code to Quick CSS as well

    #header_main, #header_main_alternate { border-bottom: none!important; }
    .av-main-nav > li > a { border: none!important; }

    Best regards,
    Yigit

    #286620

    Brilliant!

    On the left of the menu i still got 1 white strip?

    Could you please take another look. :)

    #286623

    Oh and how do we make the menu bar (white) thicker? Like in the example?

    http://dibbadoo.nl/

    *EDIT*

    I also still have the white bars on hover (menu). can we remove the line beneate the menu when you hover?

    • This reply was modified 10 years, 4 months ago by c3computers.
    #286624

    Hi!

    Second line of code should have done it but please try following

    .html_header_top.html_bottom_nav_header .main_menu ul:first-child>li:first-child a { border: none!important; }

    Best regards,
    Yigit

    #286626

    tnx! that did it!

    ****
    Oh and how do we make the menu bar (white) thicker? Like in the example?

    http://dibbadoo.nl/

    *EDIT*

    I also still have the white bars on hover (menu). can we remove the line beneate the menu when you hover?

    ****

    #286628

    Hey!

    Please add following code

    span.avia-menu-fx { display: none!important; }
    .html_header_top #top .av_menu_left .main_menu { padding: 10px; }

    Regards,
    Yigit

    #286634

    and i was thinking that i knew much! :( haha

    Thank you very much, great support!

    Greetings!

    #286635

    Hi!

    You are welcome! Always glad to help :)

    Cheers!
    Yigit

Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Enfold Header’ is closed to new replies.