Transparent header

  • I can’t seem to replicate the botiga apparel demo on my website.

    Botiga Apparel – Just another aThemes Demo Sites site

    I have set my logo to white, texts, and the header background color to white, and opacity zero.

    As for the fixed header, I set the background color to white, and uploaded a logo in black color. The text to black as well.

    This replicates exactly in the home page, until I go to any other page that isn’t the home page.

    The transparent background is displaying even when I set the display conditions to only the home page.

    I don’t know what else to change in order for this to look as intended.

    I have upload a screen recording to the link bellow:

    https://we.tl/t-q4BML5h6XI

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter luizmeme

    (@luizmeme)

    This is what the additional CSS code to the header part looks like:

    /* Header */
    body.home:not(.sticky-header-active) #masthead .site-header-inner .custom-logo {
    filter: brightness(10);
    }

    @media(max-width: 1024px) {
    body.home #masthead .custom-logo {
    filter: brightness(10);
    }
    }

    body:not(.home) .site-header .header-item svg:not(.stroke-based), body:not(.home) .site-header .dropdown-symbol .ws-svg-icon svg, body:not(.home) #masthead-mobile svg:not(.stroke-based) {
    fill: #080808 !important;
    }

    body:not(.home) .site-header .header-item svg.stroke-based, body:not(.home) #masthead-mobile svg.stroke-based {
    stroke: #080808 !important;
    }

    .desktop-menu-close svg {
    fill: #080808 !important;
    }

    Theme Author aThemes

    (@athemes)

    Hi,

    As a Botiga Pro user you should contact us directly via https://athemes.com/support/. This forum is only for users of the free version of Botiga.

    Thread Starter luizmeme

    (@luizmeme)

    Hi, I did.

    Still waiting for a response.

    Thanks

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Transparent header’ is closed to new replies.