Hi sgiobbio,

Could you please provide an image highlighting the issue? In T3, we use min-width to detect layout and if size of all devices under the min-width will have same display.

Gardner.

Hi Gardner,
in the attach files you can find two images of the issue.
Let me explain some things: the 2 images represent the screenshot of a simulation, provided by the online iPhone4 Simulator.
This is the exact issue that the Google Webmaster Tool says: the element is too large than the screen, so that the horizontal scroll bar appears (off course in the real iPhone the horizontal scroll bar doesn't appear but will need to move with the scroll touch).
If you want to reproduce this issue, please try to see my site http://www.con-vivium.com with an extra small screen like the iPhone 4 or similar

Hi again,

Yeah, I see the problem but the issue happens due to your customization, I think as I check in our T3 demo: http://demo.t3-framework.org/joomla30/index.php/en/ it's working properly.

By debugging, I figured out that the problem is caused by the slider. You can use css to fix the issue. Here is the suggested CSS (add to the file: templates/t3_bs3_blank/css/custom.css)

.col-xs-12 {

padding:0;

}

Hope it help you.

Gardner.

Hi Gardner,
I tried with your suggestion but no solution by adding css code to .col-xs-12 !
So, in order to find the origin of the problem, I suspended one by one all the modules, and I found that the logo_bottom image.is the responsible.
This is inserted in the logo_bottom module and it has the img-responsive class.
Do you have any suggestion to fix the problem?

You can try to disable the slideshow on the top in mobile and check your site again, the issue would be fixed.

Hi Gardner,
as you can see I disabled the slideshow but the problem is still the same.
Could you suggest another strategy to work around?

Hi again,

I just tried to fix the issue for you, please add the following css to your custom.css file. Tested and work for me.

@media screen and (max-width: 640px) {
.t3-wrapper .t3-spotlight-1 {
margin-left: 0;
margin-right: 0;
}
}


Regards.