reduce number of columns only in project overlay at defined extra breakpoint
-
Hallo!
Everything works fine in my project, I have just one only layout-related issue. In the project overlays i use a 2 column layout with image/carusel on the left and text on the right column, this works fine on desktop and mobile (where everything gets stacked on top of each other). Only on very small desktops and tablets, the layout becomes a bit ugly as it remains with 2 very narrow columns and the text column is much longer than the one with the image.
Is there a simple way to avoid this by somehow switching to mobile layout at tablet breakpoint or at a self-defined breakpoint, but only for projects/project overlays and not for header, nav and pages?
A workaraound might be to work with extra rows with own classes and show/hide them via css accordingly, this works, but as far as i have seen, this would have to be done for each project manually and creates a lot of double content...
Any hints on how to do that easier very welcome!
Mike -
use an elementgrid element
1/2
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it