Jump to content

Archived

This topic is now archived and is closed to further replies.

jenniferl

Media Queries

Recommended Posts

jenniferl

I'm trying to add the following media query to my style.css, but it does not seem to work. The site is http://encoureharlanranch.com/welcome/. Does anyone know what I'm doing wrong?

 

@media screen and (max-width: 767px) {
 
#plcolumn52f212 {
  width: 50%;
  float: left;
}
#plcolumn52f03f {
  width: 44%;
  float: left;
}
 
#site #mediaboxwx90tr .mediabox-wrap.pl-centerer.pla-fade.pl-animation.fix.animation-loaded {
  right: 35px;
}
 
#site .content {
  font-size: 50px;
  line-height: 52px;
}
 
#site .tagline {
  font-size: 20px;
  line-height: 22px;
}
}

Share this post


Link to post
Share on other sites
Rob

Yes, the problem is you're applying LESS CSS to a CSS3 stylesheet.

 

Apply that either in Custom Code (which handles both) or in the LESS CSS stylesheet --  see http://docs.pagelines.com/advanced/less-css for more info and http://docs.pagelines.com/customize/adding-less-css-support


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
jenniferl

Thank you. I have a better understanding now. 

Share this post


Link to post
Share on other sites
greenfly

Thanks for letting us know :) 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites

×