Custom CSS not visible in mobile and tablet sizes

Hi again,
What exactly are you wanting to change? Have you tried deactivating plugins?

Hannah

massive apologies for not being more precise. Yes, I have tried deactivating plugins. The CSS I am trying to get to work is the Mailchimp button on the homepage – at 1200px it is a peach color but at tablet and mobile widths defaults to original css.

I am also attempting to use @media queries to vary the #logo id depending on screen widths but it is not working.

@media all (min-width:480px) and (max-width:979px) {
#logo {width: 50%;margin-bottom: -20px;}
}

Hey, You have a section in your css that is this:

@media (min-width: 1100px) {
.col-lg-3 {
width: 33.333333%;
}
.col-lg-9 {
width: 66.666666%;
}

Thing is you don’t close out that media query. So all your css after that is only for screens larger then 1100px which is why you button is reverting back to un-styled on smaller screens.

Just add the closing bracket for the media query.

Kadence Themes

Oh dear, THANK YOU! Sometimes it just takes another pair of eyes.

Cheers for that ??