Header Bg in handheld menu

  • lvoh

    (@lvoh)


    3 years ago

    Hello,
    I have problem with the responsive function of Storefront.
    I put a background jpg image in the header at the right size (1950*500).
    For the tablet and smartphone versions, I managed to hide the background and make a logo appear with the additional CSS.
    Only problem, the background appears in handheld menu https://ibb.co/MDMWP5y

    /* Responsive CSS for Header on desktop*/
@media  only screen and  (min-width: 1024px) {
	.site-header .custom-logo-link img {
		display: none;
}
}
/* Responsive CSS for Header on mobile*/
@media only screen and (max-width: 768px) {
.site-header .custom-logo-link img {
		display: show;
	}
#masthead.site-header  {
		 background: none;
		 	}
}

    Thanks for your help
    Lvoh

    Woocommerce version 5.9
    Storefront version 3.9.1

  • The topic ‘Header Bg in handheld menu’ is closed to new replies.