Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 14, 2017 at 10:10 pm #747135
    timahe

    Hi,

    on a customers homepage I have several Icons ..
    On desktop devices they are shown side by side. On mobile devices they are shown among each other. As these icons would be too much to show them side by side on mobile I thought about displaying them in pairs (i.e. 2 icons, new row with 2 icons, new row and the 5th in the middle).
    As I think this is a common way of displaying icons and I did not find a tutorial for this it would be great if anyone could help me with this!!
    Thanks :)

    • This topic was modified 7 years, 10 months ago by timahe.
    February 15, 2017 at 9:19 pm #747676
    timahe

    Isn’t there anyone who could help me with this? I think this should be easy to do..

    February 17, 2017 at 12:48 pm #748371
    timahe

    ??

    February 20, 2017 at 1:07 pm #749295
    Yigit

    Hi,

    Sorry for the late reply!
    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 480px) {
#kompetenzen .av_one_fifth.avia-builder-el-last {
    width: 100%!important;
}
#kompetenzen .av_one_fifth {
    width: 50%!important;
}}

    Best regards,
    Yigit

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