Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • October 6, 2024 at 12:10 pm #1468514
    mirotck

    Dear Enfold Team

    I would love to have 3 icon elements in one row on mobile, instead of having them aligned vertically i would love to have them horizontally basically.
    Also, i would love to have the width of that row to be the same more or less as the buttons on top. I will attach a screenshot of how it should look.
    It’s the first element on mobile layout (home).

    View post on imgur.com

    Thank you so much for providing me any sort of help. I just renewed my support licence, thanks!

    Cheers from Switzerland

    Miro

    October 6, 2024 at 2:04 pm #1468520
    Mike

    Hey mirotck,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (max-width: 479px) { 
.flex_column.avia-builder-el-19 .av_font_icon {
    display: inline-block; 
    margin-left: 10%; 
}
.flex_column.avia-builder-el-19 {
    display: flex; 
    justify-content: center; 
}
.flex_column.avia-builder-el-19 .hr.hr-invisible {
    display: none; 
}
}

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

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