Responsive Layout

I'm having problems with the layout for mobile devices. When the responsive layout is activated and I enter through my iPhone, the content displays all messed up and it's suppose to adjust to my screen. I had to turn it of and now when people enter from a smartphone they see lot's of content. Could someone help me please?

Thanks

Could You post an url to your site?
Simpicity by default has responsive turned on, and on demo site it works as it should.

Hi, thanks for your reply. The url is www.mboost.mx, I'm going to activate the responsive layout for you to check it, please let me know once you were able to see it so that I can turn it off again.

Thanks!

I will not be able to check till Monday. Please write back Monday, or send me PM with login data so I can check things when Ill be available.

Hi, I'll send you the login info on a PM, thanks again for your help.

I would suggest to make small changes to 3 files:
tablet.css, small.tablet.css, mobile.css

add at their ends this code:

Code: Select all

body {
margin: 0px;
padding: 0px;
}


This should help with mobile layout, as right now, those margins and paddings take to much space.

Thanks, that was really helpful!

I have also reported it to dev team - it will be changed with next release of the template.

Great, that's even better.