-
AuthorPosts
-
April 24, 2018 at 12:44 pm #945895
Hi,
I’d like the 4 icons on my contacts page (link attached) displayed in one row in mobile view. Please let me know if it is possible to achieve?
Many thanks.
April 24, 2018 at 1:18 pm #945914Hi,
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-updateCheers!
YigitApril 24, 2018 at 1:19 pm #945917Thanks, Yigit, will try
April 24, 2018 at 1:54 pm #945930Hey 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,
MikeApril 24, 2018 at 3:30 pm #945969Hey Mike, this worked great, thanks a lot!
April 25, 2018 at 1:23 am #946313Hi,
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 -
AuthorPosts
- The topic ‘Icons in one row on mobile’ is closed to new replies.