Dear Enfold support,
On my homepage, I’m using 4 1/4th elements with a icon-box inside.
990px” />
These boxes display perfectly until I resize the browser width to 990px.
From 990px to 766px, the 2 last boxes are suddenly smaller in width. (20,5% instead of 48%)
766px” />
At a width of 766px or less, the width is ok again, because the boxes move in one vertical row.
less” />
Any idea why the weird size change is happening between 990px and 766px?
And what css i can use to fix it?
Hey liquidsociety!
Please post a temporary login and post it here privately so we can inspect elements on your website and provide accurate custom CSS code to fix the issue
Best regards,
Yigit
Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 990px) and (min-width: 769px) {
div .av_one_fourth { margin-left: 0; width: 48%; }
body .container_wrap .avia-builder-el-last { margin-left: 4%; }}
Best regards,
Yigit
It worked, thanks for the support!
Hi!
You are welcome, glad we could help :)
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 :)
Regards,
Yigit