add media query for max 320px width screens

Hi there,

I am trying to add the following code to the custom css to make sure the buttons are also shown correctly on screens of 320 px width.

@media only screen
and (max-width: 320px)
and (orientation: portrait) {
.single-product-content .cart .button {
padding: 20px 17px!important;
}
}

For some reason it is not coming through. I am placing it in theme settings – Custom CSS for mobile.

see the attachment for the button i would like to make smaller on smaller screens. thank you.

Attachments:

You must be logged in to view attached files.

Hello,

Try to add your code to the Global Custom CSS area. Or better install child theme and add this code to its style.css file.

Regards

[Author]

Posts