Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 17, 2021 at 12:50 am #1294852
    PhatJ

    Hi

    I have a layout of 4 columns which looks fine in pc mode but when viewed in mobile mode all the elements are on top of each other – I need to put a gap between each – could someone please help me out

    pic attached https://ukwebmanagement.com/elements.jpg

    Thanks

    April 19, 2021 at 12:08 pm #1295245
    Nikko

    Hi PhatJ,

    Are you using a Grid Row or Columns? can you give us a link showing the page? so we can try to inspect and give you an accurate CSS code to fix it.

    Best regards,
    Nikko

    April 19, 2021 at 5:39 pm #1295317
    PhatJ

    I had to take it out of maintenance mode but here is URL

    Find a Tradesman

    thanks

    April 20, 2021 at 3:42 am #1295393
    Nikko

    Hi PhatJ,

    Can you try adding this CSS code in Enfold > General Styling > Quick CSS:

    @media only screen and (max-width:767px) {
  #top .av-flex-placeholder {
    display: block;
    height: 50px;
  }
}

    Best regards,
    Nikko

    April 29, 2021 at 1:35 pm #1297351
    PhatJ

    that worked great thank you

    April 29, 2021 at 2:01 pm #1297358
    Nikko

    Hi PhatJ,

    We’re glad that we could help :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Space between elements in mobile view’ is closed to new replies.