Hi there, I have a test page in a site where I use a 1/2 column to display content, and I use the new layout options from the latest theme version.
On mobile, the 1/2 column is wider as full width, as I have set 20px padding, which adds to the column width. The result is, that text is displayed outside the screen.
Is there a quick fix? Thanks.
Hi IQONOMY!
Please try the following in Quick CSS under Enfold–>General Styling:
.post-entry-463 .av_one_half {
margin-left: 0% !important;
}
Cheers!
Rikard
Hey Rikard,
no – this is not resolving the issue. Can it be considered as a bug, and can we simply wait to have it fixed?
Thanks!
Hey!
The css markup for the color section on your installation is quite different from the default. Please try to delete the entire enfold installation then override it with a new one. If you have any cache plugin, please purge the cache. Add this in the Quick CSS field:
@media only screen and (max-width: 767px) {
.avia-section.av-minimum-height .container, .avia-section.av-minimum-height .container .content {
display: block;
}}
Remove browser cache then reload the page.
Best regards,
Ismael
Works like a charme (without re-installing) – Thanks Ismael! There is no caching, nor weird extra CSS installed. Will this be fixed to default?