Title: CSS Code Not Working on Mobile Devices?
Last modified: June 2, 2017

---

# CSS Code Not Working on Mobile Devices?

 *  Resolved [dmitridr1994](https://wordpress.org/support/users/dmitridr1994/)
 * (@dmitridr1994)
 * [9 years, 1 month ago](https://wordpress.org/support/topic/css-code-not-working-on-mobile-devices/)
 * Hi there,
 * My site learnmate.com.au is showing the top bar amazingly, so thanks! But the
   issue is that despite adding in the CSS code for not showing it on mobile devices
   through the recommended WP CSS plugin, it still shows. Can someone help out?
 * I followed this info:
 *  Adding the following CSS to your site should hide the bar on all screens smaller
   than 600px. The Simple Custom CSS plugin is great for adding custom CSS.
 *  `
    [@media](https://wordpress.org/support/users/media/)( max-width: 600px ) {
 * Thanks!
    Dmitri.

Viewing 5 replies - 1 through 5 (of 5 total)

 *  Plugin Contributor [Lap](https://wordpress.org/support/users/lapzor/)
 * (@lapzor)
 * [9 years, 1 month ago](https://wordpress.org/support/topic/css-code-not-working-on-mobile-devices/#post-9189871)
 * Hi,
 * I don’t see the CSS code loaded into your page.
    Maybe try another way of adding
   the CSS and make sure any server side caching is refreshed.
 * Hope that helps,
 *  Thread Starter [dmitridr1994](https://wordpress.org/support/users/dmitridr1994/)
 * (@dmitridr1994)
 * [9 years, 1 month ago](https://wordpress.org/support/topic/css-code-not-working-on-mobile-devices/#post-9196513)
 * Hello thank you for your reply!
 * I inspected element on my site and couldn’t find it either despite trying mutliple
   CSS plugins. Is there any other way I could add it in? After Simple CSS plugin,
   are there any other that work well?
 * Thanks,
    Dmitri.
 *  Plugin Contributor [Lap](https://wordpress.org/support/users/lapzor/)
 * (@lapzor)
 * [9 years, 1 month ago](https://wordpress.org/support/topic/css-code-not-working-on-mobile-devices/#post-9196708)
 * You can paste the CSS directly in your themes style.css or even in the themes
   header.php somewhere between the <head> and </head> tag by wrapping it in <style
   >cour css here</style>.
 * You can then inspect the sourcecode from client side to see if it is finally 
   loaded in the live version.
 * In either case it seems some server sided caching is stopping you from seeing
   the latest version. If you don’t have any caching plugin activated and there 
   is no cache build into your theme than you can ask your hosting provider if they
   have some server sided caching turned on. If you have a paid theme you might 
   ask them for help too.
 * As I’m sure this problem is related to server settings so I will now close this
   ticket as “resolved”. If you still need our help or have a similar problem please
   open a NEW topic.
 * Thank you!
 *  [mealto](https://wordpress.org/support/users/mealto/)
 * (@mealto)
 * [8 years, 9 months ago](https://wordpress.org/support/topic/css-code-not-working-on-mobile-devices/#post-9579729)
 * I also cannot get the proper syntax to hide the bar on mobile. The reason being,
   on the front page of this plugin: [https://wordpress.org/plugins/mailchimp-top-bar/](https://wordpress.org/plugins/mailchimp-top-bar/)
 * Under How to hide the bar on small screesn?
 * There must be a syntax error that is causing the CSS instructions to not display
   properly.
 * Can you take a look?
 *  [mealto](https://wordpress.org/support/users/mealto/)
 * (@mealto)
 * [8 years, 9 months ago](https://wordpress.org/support/topic/css-code-not-working-on-mobile-devices/#post-9579850)
 * Just stumbled onto your KB and saw this:
 *  #mailchimp-top-bar { display: none !important; }
 * Added it to the [@media](https://wordpress.org/support/users/media/) for 600 
   pixel section of the CSS file and the bar still shows on mobile. Any ideas?

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘CSS Code Not Working on Mobile Devices?’ is closed to new replies.

 * ![](https://ps.w.org/mailchimp-top-bar/assets/icon-256x256.png?rev=1224622)
 * [MC4WP: Mailchimp Top Bar – Email Subscribe Notification Bar](https://wordpress.org/plugins/mailchimp-top-bar/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/mailchimp-top-bar/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/mailchimp-top-bar/)
 * [Active Topics](https://wordpress.org/support/plugin/mailchimp-top-bar/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/mailchimp-top-bar/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/mailchimp-top-bar/reviews/)

 * 5 replies
 * 3 participants
 * Last reply from: [mealto](https://wordpress.org/support/users/mealto/)
 * Last activity: [8 years, 9 months ago](https://wordpress.org/support/topic/css-code-not-working-on-mobile-devices/#post-9579850)
 * Status: resolved