Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • June 22, 2016 at 2:01 pm #652076
    mosaic

    I have 3 blog posts showing on my home page. They look fine on PC, however when viewing on mobile, the first and second posts have whitespace between them, but the second and third posts are joined together. How can I ensure that the second and third posts have whitespace between them also, just like the first and second posts do?

    • This topic was modified 8 years, 5 months ago by mosaic.
    June 22, 2016 at 2:06 pm #652080
    Yigit

    Hey kieranvyas,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 480px) {
.avia-content-slider-inner article {
    margin-bottom: 20px!important;
}}

    Best regards,
    Yigit

    June 22, 2016 at 2:09 pm #652081
    mosaic

    Wonderful. Thanks for helping me so quickly Yigit!! I do have another post which is unanswered and has been for quite a while, I was wondering if you could take a look at it for me!! https://kriesi.at/support/topic/color-section-video-background-doesnt-play-on-mobiles-or-ipad/

    Many thanks

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Blog posts inconstant spacing on mobiles’ is closed to new replies.