Custom CSS Media Query not working
-
I’m trying to finish my wordpress site (thestillnessmusic.com) but I can’t figure out why the background image responsiveness isn’t working. The support guys from Themify (company I purchased the theme from) said it’s working on their phones when they test it. I’ve had multiple people test it for me and no luck. I cleared all stored web data and still same issue so I don’t think it’s cache problem. Any ideas? It’s worth mentioning that in Chrome Developer Tools it looks fine, but on my phone it tries to render/display the mobile background image and displays it for a split second, and then the original background image appears again. On http://www.mobilephoneemulator.com/ it looks terrible as well. I’m working on the homepage at the moment but will need to apply a mobile bg image for each page. Here are some screenshots:
iphone 6 ios 9.3.5 chrome app:
http://i.stack.imgur.com/acH2o.pngMacbook Pro 10.11.6 Chrome Version 52.0.2743.116 (64-bit):
http://i.stack.imgur.com/a2hIV.jpgHere is my media query:
@media (max-width: 800px) {
#headerwrap {
background-image: url(‘http://thestillnessmusic.com/wp-content/uploads/2016/08/thestillness_mobile.jpeg’) !important;
}} -
Hello there,
That is a WordPress.org site, which we really can’t help with here.
To clear up any confusion, WordPress.com and WordPress.org are two different entities: https://codex.wordpress.org/WordPress_vs_WordPress.com
WordPress.org has complete documentation and support contacts at https://wordpress.org/support/
Hope that helps,
Sage -
-
- The topic ‘Custom CSS Media Query not working’ is closed to new replies.
WordPress.com Forums 
