Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 13, 2023 at 2:06 pm #1397748
    martinvanderharst

    Hi all,

    Can anyone provide me with info about how to remove the line under the menu. menu border

    February 13, 2023 at 3:10 pm #1397760
    Rikard

    Hey Martin,

    Thanks for the screenshot. Could you post a link to where we can see the actual element as well please?

    Best regards,
    Rikard

    February 13, 2023 at 3:25 pm #1397764
    martinvanderharst

    Homepage

    February 13, 2023 at 6:50 pm #1397794
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold->General Styling:

    #header_main {
    border-bottom-width: 0;
}

#layer_slider_1 {
    box-shadow: none;
}

    Best regards,
    Rikard

    February 13, 2023 at 7:59 pm #1397814
    martinvanderharst

    Thank you Rikard, that worked for me. Only remaining issue is that when you scroll down the (than smaller) menubar is a bit too small for the logo.
    Is it possible to get that extra margin under the logo when the menubar is in that small state?

    February 14, 2023 at 6:55 am #1397849
    Nikko

    Hi martinvanderharst,

    Please try to add this CSS code as well:

    #top .header-scrolled #header_main {
    padding-top: 10px;
    padding-bottom: 10px;
}

    Just adjust the top and bottom padding.
    Hope this helps :)

    Best regards,
    Nikko

    February 14, 2023 at 9:16 am #1397858
    martinvanderharst

    Great! This works fine for me.
    Topic can be closed.

    February 14, 2023 at 9:25 am #1397859
    Nikko

    Hi martinvanderharst,

    We’re glad that we could help you :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Remove border under main menu’ is closed to new replies.