Hide header background image in Storefront theme?

  • LogoLogics

    (@logologics)


    9 years, 7 months ago

    Hi,

    I am using Storefront + Storefront Pro ( pootlepress ): http://logologics.nl/recht/
    I need to hide the header image in mobile view but cant seem to get that right.

    Tried this code but did not work at all:

    @media screen and (max-width:767px){
    header{
    background:transparent;
    }
    }

    Looks good in desktop, but if the header goes to mobile the logo in the header is no longer visible and it takes a lot of space as well.
    The header background image does not act responsive, is that normal?

    Any advice on how to get this right please?

    Thanks!
    Annie

    • This topic was modified 9 years, 7 months ago by LogoLogics.
Viewing 1 replies (of 1 total)
  • Thread Starter LogoLogics

    (@logologics)

    9 years, 7 months ago

    I found the solution, it might some one else so I post it anyway.

    Add this code the the wordpress editor ( child theme )

    @media screen and (max-width:767px){
    header.site-header {
        background: transparent !important;
    }
}

    Now the header image will only show on devices that are larger then 767 px ( mobile devices ).

Viewing 1 replies (of 1 total)

The topic ‘Hide header background image in Storefront theme?’ is closed to new replies.