Staff replied Templates

modify #sp-header .menu-fixed in @media screen and (max-width: 600px)

Asked by artisanet 3 years ago Last activity 3 years ago

Bonjour

I can't modify #sp-header .menu-fixed in @media screen and (max-width: 600px)

I write this

/ SMARTPHONE MENU /
@media screen and (max-width: 600px)
{

sp-header {background-color:#ff0000 !important; z-index: 99;

transition-property: background-color;
transition-duration: 1s;
transition delay: 0.0s;
box-shadow: 0 5px 6px rgba(0,0,0,0.33); }

sp-header .menu-fixed { position: fixed;

z-index: 99;
background-color: #000 ; }
}

It does not work .
Can you help me please ?
Thanks

2 replies

Oldest first Newest first Most helpful
Paul Frankowski Senior Staff
3 years ago · edited

Hi,

but we are not CSS support. There is difference between component & template support and custom CSS/JS code that webmasters uses. Like if you added custom parts into bought car, it's your risk not car dealer.

I can look, but ....

Paul Frankowski Senior Staff
3 years ago · edited

CSS mistake corrected. Should be OK now, change bg colors only.

foto_9336_2022.jpg

foto_9335_2022.jpg

Log in to reply.