Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 11, 2021 at 4:24 pm #1299725
    TF_Photography

    Hi,
    on a website I built for a client (well, sort of ;-)) I put 4 icon boxes into a gridrow. Everything works fine and as supposed to. However, when you see that in a mobile version it looks a little weird:

    https://www.amazon.de/clouddrive/share/DOqDj7tZopiev8GaNj6B3RsWq2qV9qxyr6QGyliPbuc

    Edit: it seems I cannot ewmbed images, so I hope the link above helps.

    Is it possible to left align all these icon box elements only in the mobile version? I couldn’t figure out how to do that and failed with the custom CSS, any help would be much appreciated. The link to the website is in the private content.
    Thank you very much,
    Tania

    • This topic was modified 3 years, 6 months ago by TF_Photography. Reason: No image embedded
    May 13, 2021 at 7:34 am #1300038
    Rikard

    Hey TF_Photography,

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

    @media only screen and (max-width: 990px) {
.iconbox {
    display: block !important;
}
}

    Best regards,
    Rikard

    May 13, 2021 at 3:22 pm #1300171
    TF_Photography

    Hi Rikard,

    thanks a lot, that was exactly what I needed :-))

    Best regards
    Tania

    May 15, 2021 at 4:44 am #1300453
    Rikard

    Hi Tania,

    Great, I’m glad that we could help you out. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    May 15, 2021 at 11:26 am #1300476
    TF_Photography

    Hi Rikard,

    thanks a lot, this thread can be closed. Thanks!!

    Best regards
    Tania

    May 17, 2021 at 4:40 am #1300636
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Icon-Boxes in Gridrow mobile alignment issue’ is closed to new replies.