Support community for TTG plugins and products.
NOTICE
The Turning Gate's Community has moved to a new home, at https://discourse.theturninggate.net.
This forum is now closed, and exists here as a read-only archive.
You are not logged in.
My newly migrated BL Pangolin website http://rick.samcos.com has its /galleries managed by BL and all other pages managed by Wordpress using a theme generated by BL's WordPress module. My WordPress home page is very simple and is formatted with TTG's responsive grid_12:
<div class="grid_12">
<div class="col_4 gutter_12px collapse clearfix">Welcome to my photography and travel website. Feel free to explore my photo galleries and blog!</div>
<div class="col_8 gutter_12px collapse clearfix">[slideshow_deploy id='802']</div>
</div>
<!-- .grid_12 -->The grid's columns get stacked (as they should) on a small displays (e.g., iPhone6s). But the page gets truncated when the device is rotated from landscape to portrait. It appears to me that the page contents don't get resized and therefore spill off the right edge. A page refresh does correctly resize the page.
Rick
Offline
I just simplified the grid:
<div class="grid_12">
<div class="col_4">Welcome to my photography and travel website. Feel free to explore my photo galleries and blog!</div>
<div class="col_8">[slideshow_deploy id='802']</div>
</div>
<!-- .grid_12 -->and t still has the problem.
Rick
Offline
Hi Rick,
From what I can see, the problem isn't the grid, it's the slideshow. Rotating from portrait to landscape, the slideshow updates its width (visible as inline CSS in the page's source code). Rotating back again, it does not update it's width to accommodate the narrower screen, so it goes out-of-bounds.
Offline
Yes, I think so!
Offline