media css not work

I set logo width for 180px.

It’s too big in some device(such as iphone 6), But when I use theme setting Custom CSS for mobile

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : portrait) {
.wd-logo img{
width:130px!important;}
}

it’s not work. why?

Hello,

The CSS should work. It seems that there are some Syntax Errors in the CSS fields.

Please make sure that there are no Syntax Errors. Then check back.

If the issue still occurs. Then provide the login details of the website.

Best Regards

please remove the account info after you read and tell me if you edit anything on website.

Hello,

Your issue has been Resolved. Please try adding the CSS after clearing the cache. Then it will work.

Best Regards

I set the css, when I browse 6s response by chrome developer view, it’s work.
but when I use iPhone 6s, safari , it’s still not work.

Attachments:

You must be logged in to view attached files.

Hello,

As your CSS contains a media query then it needs to be added to the Global Custom CSS area under Theme Settings >> Custom CSS.

Best Regards.

I add to Global Custom CSS, still not work at 6s device.(only work on chrome 6s response by chrome developer view)

Hello,

I have removed the media query from the CSS you added. And moved the CSS to the Custom CSS to Mobile area. Please check after deactivating the cache plugin.

Best Regards

I see the code you modified.
the code is different from one I used.
I set for iphone 6s, which 375px on mobile.
now your code is for all mobile.

Hello,

Could you please check again after clearing the cache the CSS is added now in the Global Custom CSS area with media query.

Best Regards

not work, I tried to use iphone 6s, iphone 8 (same pixel)

please delete all pics after you read (for privacy)

Attachments:

You must be logged in to view attached files.

Hello,

I have checked and the CSS is working fine.

Screenshot for Clarification: https://monosnap.com/file/0MFy2S6cupBpjHUX2kcwv5T5JBMqAq

Our CSS field works correctly. If it doesn’t see any effect, maybe your code is not correct, fixing such custom CSS is out of our theme support scope.

You have to correct your CSS.

Best Regards

[Author]

Posts