T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
  1. sgiobbio
  2. Sherlock Holmes
  3. General Discussion
  4. Tuesday, 20 January 2015
  5.  Subscribe via email
Hi friends,
despite of in my bs3_blank template there is no modules greater than 320px, the Google webmaster tool says about my site:

"On the mobiles screens, the width of the contents of the page is 335 pixels CSS, however, the size of the display are of only 320 pixels CSS.
The following items are not covered in the display:
The element <div class="col-lg-12 col-…m-12 col-xs-12"></div> does not fit on the display."

I have no idea where to work to solve this problem...
Any suggestion about this?
Comment
There are no comments made yet.
Accepted Answer Pending Moderation
0
Votes
Undo
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.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
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
Attachments (2)
References
  1. http://www.con-vivium.com
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
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.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
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?
References
  1. http://www.con-vivium.com
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
You can try to disable the slideshow on the top in mobile and check your site again, the issue would be fixed.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
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?
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 6
Accepted Answer Pending Moderation
0
Votes
Undo
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.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 7
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.