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

    Hi!

    I need to create a black banner all across the bottom of the header to extend the bottom par of my client logo. I manage to make it works on desktop with the logo overlapping a black color section. But as soom as I get on mobile the logo stop overlapping and the color section go under it. Also, in the Woocommerce Shop and Product pages, I can’t insert the color section so I loose the black banner.

    Is there a way to build that black banner in the header code, so it looks the same everywhere?

    #1246144

    Hey Genevieve,

    Please try removing the black section and add this CSS instead:

    #header {
        border-bottom: 50px solid #000;
    }

    Best regards,
    Rikard

    #1246356

    Hi Rikard!

    This works great on desktop. But on mobile, the border doesn’t stay being the logo, it drop below it. Can we fix that so it stay behind the logo like on desktop?

    Thanks!

    #1246505

    Hi,

    You have this CSS active:

    @media only screen and (max-width: 767px) {
    .responsive #header_main .container {
        height: auto !important;
    }
    }

    Please remove that, then add this:

    .responsive #top #wrap_all .av-logo-container {
        height: 74px;
    }

    Best regards,
    Rikard

    #1246591

    Got this! It works! Thanks!!

    #1246665

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

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

The topic ‘Header with 2 color background to match logo’ is closed to new replies.