Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • November 9, 2021 at 5:37 pm #1328383
    cab72

    Hi,

    I can’t seem to remove the grey header bottom border in the mobile view – have tried all of these but no luck – would you help? Many thanks. CA

    .avia-shadow {
    box-shadow: none;
    }

    #top .av_header_transparency #header_meta {
    border-bottom: 0px solid transparent !important;
    }

    #top .av_header_transparency #header_meta li {
    border-color: transparent !important;
    }

    November 10, 2021 at 7:21 am #1328437
    Rikard

    Hey cab72,

    I can’t load your site, please check the error message in private.

    Best regards,
    Rikard

    November 14, 2021 at 11:39 pm #1328986
    cab72

    HI Rikard

    The SSL isn’t installed yet, but the site is available at the address given.

    November 15, 2021 at 3:03 am #1328999
    Ismael

    Hi,

    Thank you fo the update.

    Try to use this css code to remove the border below the header.

    @media only screen and (max-width: 767px) {
    .responsive.html_top_nav_header .av-section-bottom-logo {
        border: none;
    }
}

    After adding the css, make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings before checking the page again.

    Best regards,
    Ismael

    November 16, 2021 at 12:21 am #1329142
    cab72

    Hi Ismael,

    Thanks for this. It worked perfectly for the Home Page – but the other pages are still showing the grey line.

    Is there anything else I can try?

    Kind Regards
    Carole

    November 16, 2021 at 5:52 am #1329158
    Rikard

    Hi,

    Please try this CSS as well:

    @media only screen and (max-width: 767px) {
.container_wrap {
    border-top-width: 0;
}
}

    Best regards,
    Rikard

    December 6, 2021 at 8:39 pm #1331758
    cab72

    Thanks Rikard, this worked perfectly!

    December 7, 2021 at 5:14 am #1331788
    Rikard

    Hi,

    Great, I’m glad that we could help. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    January 7, 2022 at 5:05 pm #1334701
    cab72

    Okay to close – thanks for your help!

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Remove header border in mobile view’ is closed to new replies.