Tagged: set margin boxes on mobile
Hi!
On a page on my website I have multipe blocks with text in rows and with 4 columns. The blocks are set to same height. On mobile they appear beneath each other which is fine, but I’d like to have some margin between them. Now, there’s only a margin after a row, but I want a margin (top/bottom) between each block. How do I do this?
Thanks!
Hey JantienM,
Thank you for your patience and the link to your site, on mobile I see the space between the column rows is 45px to match this for each cell try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
@media only screen and (max-width: 767px) {
#top .av-equal-height-column-flextable .av-flex-placeholder {
height: 45px;
}
}
After applying the css, please clear your browser cache and check.
Best regards,
Mike
Hi Mike,
Thanks for your reply. I added the css and changed the height in 30px end that gives the effect I want,
Thanks again!
Hi JantienM,
I’m glad that Mike could help you :)
Thanks for using Enfold and have a great day!
Best regards,
Nikko