Media Query not working for Custom CSS
-
Hi everybody. I’m trying to make the content wrap section of my Blog page to be wider in mobile devices. The current one is of 280 px but I want it to be of 360px. When I input this number into the Inspect page, it updates successfully, whereas in the additional CSS it doesn’t change. Can anybody tell me why does this happen? Thanks!
@media (max-width: 479px)
.content_wrap, .content_container {
width: 360px !important;
}By the way, when I add the code without the media query it works, but it changes for all devices including desktop, and I want to make sure that this doesn’t happen, I just don’t understand why I doesn’t read the media query… Thanks for your help
The page I need help with: [log in to see the link]
-
try something like this for CSS:
@media (max-width: 479px){ .content_wrap, .content_container { width: 360px !important; } }-more details about learning about formatting for media queries
https://developer.mozilla.org/en-US/docs/Web/CSS/@media-I think this is the link for your theme’s support area if you need theme specific assistance:
https://themeforest.net/item/tripster-travel-lifestyle-wordpress-blog/26063114/support
The topic ‘Media Query not working for Custom CSS’ is closed to new replies.