Tagged: page builder
Hi, I’m trying to create two columns that are 1/3 width but they grow to fill the empty space. Please can you help with this issue?
Hi aestheticare,
Thanks for giving us admin access.
I have added a Custom CSS Class Name my-columns to your Color Section and added this CSS code in Enfold > General Styling > Quick CSS:
@media only screen and (min-width:768px) {
#top .my-columns .flex_column_table {
display: flex;
justify-content: center;
align-items: center;
}
#top .my-columns .flex_column_table .av_one_third {
margin-left: 0;
width: 528px;
max-width: 48%;
}
}
If you need to apply this on your other pages, just use the same layout and add the Custom CSS Class name.
Best regards,
Nikko
Hi, the columns don’t appear to stack on mobile.
Hi aestheticare,
I have checked it and it seems to appear properly on mobile.
I have posted the screenshot link in private content.
Best regards,
Nikko
Thanks, it’s displaying properly now!
Hi,
Great, I’m glad to hear that it’s working as it should. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard