Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 7, 2023 at 12:18 pm #1403814
    JantienM

    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!

    April 9, 2023 at 3:22 pm #1403949
    Mike

    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

    May 9, 2023 at 3:19 pm #1406895
    JantienM

    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!

    May 9, 2023 at 3:43 pm #1406901
    Nikko

    Hi JantienM,

    I’m glad that Mike could help you :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Set margin for boxes on mobile’ is closed to new replies.