Icons in one row on mobile

Hi,

Please update Enfold to the latest version 4.3 and use new Button Row element – https://kriesi.at/themes/enfold-elegant-portfolio/#footer-template
You can read more about Enfold 4.3 here – https://kriesi.at/archives/enfold-4-3-performance-update

Cheers!
Yigit

Hey vadikcoma,
We can help you achieve this, but right now I see that you are using 4 1/4 columns to put them in one line. Lets start by putting them all in one column.
First ensure that custom classes are enabled by going to: Enfold Theme Options > Layour Builder > Show element options for developers and checking the box.
Then add the class “icon-column” to the column you will have the 4 icons in:

Then add the class “icons-inline” to the 4 icons the same way. In my example, the icons were aligned center.
Then add this code in the General Styling > Quick CSS field:

.icons-inline {
    display: inline-block !important; 
    margin-left: 10% !important; 
}
.icon-column {
    display: flex !important; 
    justify-content: center !important; 
}

Expected results:

The 4 icons will be in-line and centered for all screen sizes. But you may want to adjust the margin-left in the code above to work for your small column, try different values that look good to you for all screen sizes.

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
and the video tutorials here
And if there are features that you wish Enfold had, you can request them and vote the requested ones here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike