Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 19, 2019 at 10:49 am #1167668
    jwencke

    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

    December 19, 2019 at 2:20 pm #1167741
    Nikko

    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

    December 19, 2019 at 5:36 pm #1167841
    jwencke

    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 5 years ago by jwencke.
    December 19, 2019 at 7:11 pm #1167869
    Nikko

    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

    December 19, 2019 at 7:26 pm #1167877
    jwencke

    Nikko – you are a star! Thanks so much.

    December 19, 2019 at 8:53 pm #1167928
    Nikko

    Hi Janine,

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

    Best regards,
    Nikko

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