Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • August 1, 2016 at 10:47 pm #667486
    gerardbao

    I recently added a floating class where the icon sits on top of the column box.
    https://kriesi.at/support/topic/custom-image-float-style-css/

    It looks great on desktop. However on mobile, they were overlapping each other.
    How can I increase vertical padding to avoid this issue on mobile?

    August 5, 2016 at 6:30 am #668846
    Ismael

    Hey gerardbao,

    Thank you for using Enfold.

    Replace the css code with the following:

    @media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */
.avia_textblock.icon-offset {
    margin-top: -86px;
}
}

    Best regards,
    Ismael

    August 5, 2016 at 7:37 am #668867
    gerardbao

    Awesome. Worked like a charm. Thanks!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Overlapping floating icon on mobile’ is closed to new replies.