Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • February 7, 2020 at 6:34 pm #1182364
    agentur2c

    Hey there,
    i have a webseite with many symbol lists and if i watch it on a smartphone, the text and header resizes, but the icon dont. It stays at the same size, which takes lots of place, that could be used for the text much better.

    I found the option to fade it out on a smaller screen, but i like to keep it. Is there any possibility to make them scale by a simple css-hack?
    You can see what i mean here:

    Gemeinnützige Organisationen

    Thanks for your help!
    Constanze

    February 8, 2020 at 10:11 am #1182549
    Rikard

    Hey Constanze,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.avia-icon-list .iconlist_icon {
    height: 34px;
    width: 34px;
    line-height: 34px;
    font-size: 12px;
    margin-right: 20px;
}
}

    Best regards,
    Rikard

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.