Gridder: Column width
-
Hello Laythemer,
is it correct that the Gridder columns only have 2 widths: up to the phone breakpoint the column width is the window width divided by the specified number of columns and below the phone breakpoint the column width is 100%? And if that's correct: are there simple ways to adjust this behavior?Thanks for your feedback!
-
the columns get stacked under each other on mobile by default, because desktop layouts can be too sophisticated for a small mobile display. you can create a custom phone layout etc, depending on what you want to achieve.
-
yes very good answer @felix_rabe
you can create a custom phone layout:
https://laytheme.com/documentation/custom-phone-layouts.htmlif you want more layout capabilities for phone
-
I know that I can create my own phone layout manually. I had hoped that there would be a more granular adjustability analogous to the Bootstrap column classes (e.g. .col-sm-6 or .col-lg-3 etc.), which allow a very flexible breakpoint-specific setting of the column widths.
If I understand correctly, in Laytheme there is unfortunately only the preset number of columns and after the phone breakpoint the reduction to one column or an alternative phone layout to be created. Intermediate steps cannot be set. In my opinion, this is somewhat inconvenient. -
@Sebaster if you have that extensive skills in CSS and coding (which I just assume from your post) maybe a WordPress + Theme is not appropriate at all for your project? LayTheme is focused on bringing rich layout possibilities to people with less or no coding experience, while also offer a broad space for customization.
But what you want to achieve is something like a Tablet-Layout in between, right?
-
@Sebaster whats the use case?
i understand your concerns!i too think that tablet settings are important, so i added them for:
the elementgrid, thumbnailgrid elements. they have the "tablet" button:
in here, you can change the amount of columns that a layout has for this element.
also, textformats can have a tablet fontsettingsi wasnt sure if we'd need more than that mh
do you think using the elementgrid element could help?
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