Support » Plugin: Simple Custom CSS and JS » Media queries

  • Resolved juanpeirotti

    (@juanpeirotti)


    Hi!

    Great plugin! I added some media queries CSS code that doesn’t seem to be working and I’m not sure why.

    // DESKTOP
    @media only screen and (min-width: 992px){
      	.single-container {
        	padding: 60px 50px 50px 50px;
    	}
      body {
        background-color:cyan !important;
      }
    }

    Is it possible to use them in your plugin, right?

    Thanks!

Viewing 1 replies (of 1 total)
  • Plugin Author Diana Burduja

    (@diana_burduja)

    Yes, you can use the media queries with the plugin. The plugin simply takes your CSS and prints it in the website’s HTML without modifying it.

    Are you sure you’re looking at your website on a screen wider than 992px? Try the same code with “min-width: 500px”, just to see if it works.

    The “only” keyword seems to be used in order to hide stylesheets from older user agents. Try the same CSS rule without the “only” keyword or try with another browser.

    Open the website’s HTML and look for your CSS rule there. Is everything printed the way you want it it? Are there any modifications? If the CSS rule is printed exactly as you typed it in the plugin’s editor, then it is the CSS rule and not the plugin.

Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.