Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 19, 2021 at 2:32 pm #1301208
    felixl

    hello there,

    i´ve made in a color-section a row with 4 icons.
    300px x 220px
    so far so, good.
    the icons are responsive, getting smaller.

    but at breakpoint mobile device the icon are shown among themselves in 300 x 220px again, which is much to big.
    how can i solve this, that this icons are shown on mobile/tablet much smaller?

    thanks a lot,
    felixl

    May 20, 2021 at 3:57 am #1301272
    Jordan Shannon

    Hey felixl,

    You want to keep them in a horizontal row on mobile?

    Best regards,
    Jordan Shannon

    May 20, 2021 at 12:50 pm #1301375
    felixl

    Hello Jordan,

    thanks for your reply.
    No, I want the Icons among themselves. But the Icons should appear much smaller on Tablet / Smartphones.
    Not in the original Size as they are in the Media-Library.

    Thank you,
    FelixL

    May 21, 2021 at 11:58 am #1301596
    Rikard

    Hi,

    Thanks for the update. Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.page-id-5815 #av_section_3 .flex_column_table_cell {
    display: inline-block;
    float: left;
    width: 50%;
}
}

    Best regards,
    Rikard

    May 21, 2021 at 1:28 pm #1301618
    felixl

    hello rikard,

    thank you very much!
    width: 50% !important;

    and it works now!

    great job!
    felixl

    May 23, 2021 at 6:21 am #1301804
    Rikard

    Hi,

    Great, I’m glad that you got it working, and thanks for the update. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    May 24, 2021 at 4:23 pm #1302055
    felixl
    This reply has been marked as private.
    May 26, 2021 at 5:30 am #1302346
    Rikard

    Hi,

    Thanks for the update. Please try this CSS instead:

    @media only screen and (max-width: 767px) {
.page-id-5815 #av_section_2 .av_one_fifth {
    width: 50%;
}
}

    Best regards,
    Rikard

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