Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 24, 2021 at 5:36 am #1318064
    navindesigns

    On my services page, I have series of icon box and they look great on desktop, however on mobile there is no space between them
    screenshot – https://ibb.co/L1fXyYp

    how do I add spacing between them on mobile?

    live site – https://kristyj.sg-host.com/services/

    August 25, 2021 at 7:34 am #1318229
    Rikard

    Hey navindesigns,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.page-id-137 #av_section_3 .av_one_fourth {
    margin-top: 40px;
}

.page-id-137 #av_section_3 .first.av_one_fourth {
    margin-top: 0;
}
}

    Best regards,
    Rikard

    • This reply was modified 3 years, 4 months ago by Rikard.
    August 27, 2021 at 5:06 am #1318555
    navindesigns

    This works

    thanks as always

    August 29, 2021 at 6:30 am #1318809
    Rikard

    Hi,

    Great, I’m glad that you got it working, and thanks for the update. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.