Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 18, 2017 at 3:27 pm #779369
    t73z

    Hello,

    i have two icon lists next to each other with big icons. It looks fine in desktop view but not in mobile view. The vertical distances between the icons are not equal. You can see it on my frontpage where I have the 10 icons.
    How can I fix that?

    • This topic was modified 7 years, 7 months ago by t73z. Reason: typing error
    April 18, 2017 at 6:45 pm #779554
    Nikko

    Hey t73z,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    @media only screen and (max-width:767px) {
  .home #av_section_2 .av_one_half.avia-builder-el-11 {
    margin-bottom: 0 !important;
  }

  .avia-icon-list li {
    min-height: 90px;
  }
}

    Hope this helps :)

    Best regards,
    Nikko

    April 18, 2017 at 11:22 pm #779708
    t73z

    Hi Nikko,

    works, thanks!

    Best regards
    Thomas

    April 19, 2017 at 6:46 am #779798
    Rikard

    Hi Thomas,

    Great, glad we could help. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Icon List – vertical spaces on mobile phones’ is closed to new replies.