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).
Thank you so much for providing me any sort of help. I just renewed my support licence, thanks!
Cheers from Switzerland
Miro
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