To whom it may concern,
I am using the Helix II template. My mobile site is cutting the logo off and it is not showing information inline. There are modules way off on the right when I thought they should be stacking in the view of the mobile device. I have the responsive feature turned on and have tried other fixes such as Ehsan told someone to add the lines below to template.css:
/* Phones portrait and landscape */
@media only screen and ( max-width: 767px ){
a#logo {
width: 430px!important;
background-size: contain!important;
}
}
and add:
img {
width: auto\9;
height: auto;
max-width: 100%;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}
Neither of these fixed the logo or the modules not being responsive. If you go to other pages, the information is right next to the logo and still not below it. I have gone to each module position I created and made sure they have phone visibility in the all the rows and each module position. My site is honest.cloudaccess.net. I have turned off the large photos on the homepage in hopes that would help with the modules and everything not being responsive, but that did nothing. I would like for most of the information to show up from the desktop version to the mobile version.
Thanks,
Jayme