responsive design - Media Queries on Joomla 3 Not working Suddenly -


for reason, joomla 3 website (using protostar template) has media queries aren't working anymore. specific example located on this page. if view page on phone, large bus image on page supposed "stack" on text below once window gets 599px or less.

what's strange things working, stopped working. tried find out have gone wrong no luck.

here's css code includes media queries. put in template.css file:

.bustype{width:206px; height:296px; border:2px solid black; margin-right:10px;   margin-left:10px; margin-bottom:25px; display:inline-block; padding:5px } #bustypewrap{ width:100%; margin:auto; text-align:center;}  .busimage{     width:45%;     margin-left:5%;     float:left}  .buscopy{      width:40%;      float:right;      text-align:justify}   .clearitall{       clear:both;}  .footerbb{     width:100%;     padding:15px;   margin-top:20px;     text-align:center;     background-color:#00467e;     color:#fff;} .spectable{   display:block; } .spectablemobile{   display:none; }   .mobilelogo{     display:none;   }  .buttonblue, .buttonblue:hover { font-size:18px;   a{color:#fff;}   a:hover{color:#fff;}     background-color: #1d78cb;     -webkit-box-shadow: 0px 3px 0px 0px #0f3e68;     -moz-box-shadow: 0px 3px 0px 0px #0f3e68;     box-shadow: 0px 3px 0px 0px #0f3e68; } .mobilebanner{display:none;} .popupimagesbuses{ float:left; margin:10px;} } @media screen , (max-device-width: 599px) {   .spectablemobile{     display:block;   }   .spectable{     display:none;   }    .busimage{     width:100%;     }  .buscopy{      width:100%;      text-align:justify} .mobilebanner{display:block;}     #content{     padding-left:10px;     padding-right:10px;   }   body{     padding-left:0px!important;   } }  @media screen , (max-device-width: 979px) {   .mobilelogo{     display:block;   }      } 

i included code added in, rest basic css template (protostar) may modified colors, etc- that's it.

any can provide appreciated! thank you.

you have typo before media query (an curly brace ...):

.popupimagesbuses{ float:left; margin:10px;} } 

Comments

Popular posts from this blog

Spring Boot + JPA + Hibernate: Unable to locate persister -

go - Golang: panic: runtime error: invalid memory address or nil pointer dereference using bufio.Scanner -

c - double free or corruption (fasttop) -