My blog archives are setup to display posts in two columns. However, I have set up a full-width first blog post element for my archive pages, including the front page. At most resolutions, this works really well. However, if the window width ranges from 770 to 1024 pixels, the element does not clear properly. Instead, the second blog post is squeezed to the right of the top post. This looks very ugly.
I tried adding a Custom CSS class “clear: both !important;” but that didn’t do the trick either. Do you have an idea how I can fix this? It’s probably something really dumb.
I use GenerateBlocks Premium and GeneratePress Premium in the latest versions.
At this point, I’m uncertain whether this is a GenerateBlocks or GeneratePress issue. The issue is not noticeable on most smartphones or tablets, but some high-res tablets display my pages at exactly the width which causes the layout to break.