Tagged: 

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • November 4, 2014 at 7:25 pm #346035
    brendanogrady

    I have configured the Main header to “logo left, menu below”.

    I don’t like how a border appears around the menu items to form little boxes. I changed the border to no colour, but then Icons (and possibly other elements) disappeared.

    Is it possible to remove the border in the main menu without effecting other elements?

    November 4, 2014 at 7:56 pm #346051
    Yigit

    Hi brendanogrady!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .av-main-nav > li > a {
border: none!important;
}

    Cheers!
    Yigit

    November 4, 2014 at 9:39 pm #346132
    brendanogrady

    Thanks Yigit. That almost solved everything, but there is still a border in between the logo and menu (I assume logo border). Can you send a Quick CSS fix for that too?

    November 4, 2014 at 9:59 pm #346154
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    #header_main_alternate {
border-top: none!important;
}

    Cheers!
    Yigit

    August 12, 2018 at 5:23 am #996398
    RobinAParker

    Hello :-)
    I am trying to do the same thing—remove the borders around the header and between the menu and social media buttons., but the code is not working for me. Will you have a look?

    Home

    Thx!
    Robin

    August 12, 2018 at 12:31 pm #996437
    Yigit

    Hi,

    I changed following code

    .av-main-nav > li > a {
border: none!important;
}

    to following one and cleared cache

    #top .av_header_with_border.avia-menu.av_menu_icon_beside, #top .av_header_with_border #header_main, .av-main-nav > li > a {
border: none!important;
}

    Please review your website :)

    Best regards,
    Yigit

    January 21, 2019 at 2:39 pm #1056680
    hannelynne

    I have the same problem with a box around the contact item in the top menu, and have tried allt he suggestions above to no avail. Could you help?

    January 21, 2019 at 3:10 pm #1056713
    Nikko

    Hi hannelynne,

    I think you’re using a Button Styled menu.
    Go to Appearance > Menus > select your Main Menu > then expand Kontakt (click on the triangle on the upper right of the menu item).
    Under Menu Style select Default Style then save.
    Hope this helps.

    Best regards,
    Nikko

    January 21, 2019 at 3:34 pm #1056728
    hannelynne

    Thank you so much! That was it. Best regards, Hanne

    January 21, 2019 at 5:04 pm #1056799
    Nikko

    Hi hannelynne,

    Glad that we are able to help you :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

    January 17, 2020 at 11:45 am #1175316
    hankboomer

    hi there, i posted yesterday a message for support but no answer, i suddenly have a thnin line appeared in few of my pages (npt all) at the main menu border (header) , strangely, it happened after the update,

    my pages which are not concerned are oddly marketd as “no transparent header” but they do are … and no border line

    all my pages with “transparent header” option are indeed transparent but with this border line, (i have to say that the update also changed few things in the set up including social medias icons which appeared.

    i tried to write the CSS proposed by yigit but the border line is still there

    any other suggestion guys ?

    January 17, 2020 at 11:47 am #1175317
    hankboomer

    please dont take in account my message , the last code of Yigit is working perfectly, thank you yigit

    January 17, 2020 at 12:22 pm #1175333
    Yigit

    Hi,


    @hankboomer     glad it is working! Let us know if you have any other questions or issues :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘How to Remove Border in Main Menu’ is closed to new replies.