Mobile Site

[Chad]

Hi folks,

We have recently purchased the SKTBIZ theme and since it has been applied our mobile site is a bit messed up. I am not sure how to fix this, could anyone offer any help?

As always, thank you!

http://www.gracebaptistmarshfield.org

[Sonal S Sinha]

Hi,

Kindly add this in Appearance>Theme Options>Basic Settings>Custom CSS:

@media screen and (min-width:320px) and (max-width:767px) {
.container { width:auto !important; padding:0 20px;}
.about_text frame { width:100%;}
#logo { width:320px !important; margin:auto; display:table;}
}

@media screen and (max-width:1024px) {
.container { width:auto !important; padding:0 20px;}
}

Regards,
Shri

[Chad]

Thank you very much for your timely response. Is there also a way to make the iframe responsive to the viewing device? It was still overflowing on smaller screens. I reduced it’s size manually but was wondering if it can be set to auto adjust.

Thank You!

[Sonal S Sinha]

Hi Chad,

Kindly go to Appereance>>Theme Option>>Basic Setting>>Custom CSS Box

Add this code:

@media screen and (max-width:768px){
iframe{ width:100%; height:auto; }
}

Regards,
Brad

[Author]

Posts