Support » Fixing WordPress » Media Query Overriding the Main Styles

  • Resolved jaeeun

    (@jaeeun)


    Hi,

    I added this at the end of my style.css

    @media only screen
    and (max-width:719px;){
    
    #wrapper { width: 520px; margin: 30px auto 0 auto;z-index:200;position:relative;}
    
    #single-text {
    	float:right;
    	width: 300px;
    	}
    
    #single-img {
    	float:left;
    	margin-bottom:0;
    	border-top:1px solid #ccc;
    	padding-top:10px;
    	padding-bottom:0;
    	}
    }

    and now even when the screen is wide the media query styles are applied.

    The link the page;

    http://www.underdonk.com/exhibitions/cantaloupe-today/

    and the main styles are;

    #wrapper { width: 730px; margin: 30px auto 0 auto;z-index:200;position:relative;}
    
    #single-text {
    	float:right;
    	width: 500px;
    
    	}
    #single-img {
    	float:left;
    	margin-bottom:0;
    	border-top:1px solid #ccc;
    	padding-top:10px;
    	padding-bottom:0;
    	}

    I’d appreciate your help!

    Best,
    Jaeeun

Viewing 6 replies - 1 through 6 (of 6 total)
Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Media Query Overriding the Main Styles’ is closed to new replies.