Archived topic
Tablet View - Sections
9 replies · Started by johnzoro on February 24, 2017

When looking at my site on a tablet, the sections look a bit funky
I have attached a screenshot
https://www.greatestreviews.co.uk/best-badminton-racket/ is the link
Hi John,
In the pro and con CSS classes, try changing the padding to padding: 0 10px;
Let me know.
That worked but now i would still like some padding inside the pro and con sections?
Try padding: 10px 10px 0;
Let me know.

This is what it looks like with
padding: 0 10px;
Try the code here? https://generatepress.com/forums/topic/tablet-view-sections/#post-283525
First number represents top padding, second number represents left/right, third number is bottom.

This is what it looks like with padding: 10px 10px 0;
After the red and green columns in that section, add this into the "Text" tab:
<div class="clearfix"><!-- clear --></div>
Again, Tom nails it!
That fixed it and did exactly what I wanted it to do.
Glad I could help :)