Right now my layout stacks at 767px by default … I’d like it to stack at 768px instead for a better view on tablets. Where can I change this? I tried editing layout.css but it didn’t work. Thanks.
Hi iwsdjb,
Could you post a link to the site in question so that we can take a closer look please?
Regards,
Rikard
The site is under construction, sending login credentials privately. Please refer to the homepage. Thank you.
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 768px) {
.flex_column { width: 100% !important; margin-left: 0 !important; }}
Best regards,
Yigit
That worked well for the column layouts, thank you. Would I do something similar for the grid layouts?
Hi!
Please add following code to Quick CSS as well
@media only screen and (max-width: 768px) {
.av-layout-grid-container {
display: block;
}
.flex_cell {
display: block;
width: 100%!important;
margin-left: 0!important;
}}
Best regards,
Yigit
Beautiful, thank you!
Hey!
You are welcome!
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)
Cheers!
Yigit