Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1167668

    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

    #1167741

    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

    #1167841

    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

    • This reply was modified 4 years, 10 months ago by jwencke.
    #1167869

    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

    #1167877

    Nikko – you are a star! Thanks so much.

    #1167928

    Hi Janine,

    We’re glad that we could help :)
    Thanks for using Enfold and have great weekend!

    Best regards,
    Nikko

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Horizontal icon list’ is closed to new replies.