Hi
I’m trying to create a horizontal list of social media icons on my Contact page.
I tried following https://kriesi.at/support/topic/horizontal-icons-list/ but the option to ‘Hide template builder developer options’ is no longer on Theme > Layout Builder.
I currently have the icons in separate 1/5 coloums, but this doesn’t work on mobile. See https://beautifullaos.org/contact/
How best to achieve this?
Thanks
Janine
Hey Janine,
I suggest using Icon List and follow the instructions in the thread you gave.
If you’re stuck with one of the instructions just let us know and we’ll be glad to assist.
Best regards,
Nikko
Thanks Nikko
That worked well, but now how do I get the list centred – there is an option to position the icons left or right, but not centred. I have them in a 3/5 block with an empty 1/5 on either side. See https://beautifullaos.org/contact/
Thanks
Janine
Hi Janine,
We’re glad to hear that, as for the remaining things, just add this css code in Quick CSS (located in Enfold > General Styling):
#top .contact-horizontal-icon-list ul.avia-icon-list {
text-align: center;
}
#top .contact-horizontal-icon-list ul.avia-icon-list li {
display: inline-block;
float: none;
margin-left: 10px;
margin-right: 10px;
}
#top .contact-horizontal-icon-list ul.avia-icon-list li a.iconlist_icon {
margin-left: auto;
margin-right: auto;
}
You can put it in 1/1 Column no need to use 3/5.
Best regards,
Nikko
Nikko – you are a star! Thanks so much.
Hi Janine,
We’re glad that we could help :)
Thanks for using Enfold and have great weekend!
Best regards,
Nikko