Icon List – vertical spaces on mobile phones

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
April 18, 2017 at 3:27 pm #779369
t73z
Participant
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 ago by t73z. Reason: typing error
April 18, 2017 at 6:45 pm #779554
Nikko
Inactive Moderator
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
Participant

Hi Nikko,

works, thanks!

Best regards
Thomas

April 19, 2017 at 6:46 am #779798

Rikard
Keymaster

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.