Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • December 16, 2018 at 11:38 pm #1046087
    Lara

    Hi team,

    In my footer, I have social icons in a widget area and for some reason, the Instagram icon sits higher than the others and I’ve got no idea why. It worked perfectly last week.

    Please help :)

    Lara

    December 17, 2018 at 5:59 am #1046159
    Rikard

    Hey Lara,

    It looks like you have several line breaks in the markup which is causing that, could you try to remove them to see if that helps?

    Best regards,
    Rikard

    December 17, 2018 at 6:14 am #1046167
    Lara

    Hey Rikard,

    I had to do that to space them out evenly under a sliding logo element I have.

    I removed some of them but it still appears higher than the others.

    Lara

    December 18, 2018 at 11:41 pm #1047045
    Lara

    Hi again,

    I’ve removed the icons and started again. The instagram icon moves up when I insert the link to it. My other icons do not do this.

    December 20, 2018 at 8:19 am #1047593
    Ismael

    Hi,

    Is the site down? It’s not loading properly on my end.

    Best regards,
    Ismael

    January 7, 2019 at 2:18 am #1050706
    Lara

    Hi there,

    the site is up and running.

    January 7, 2019 at 3:31 pm #1050914
    Ismael

    Hi,

    You have to edit the html and remove this inline style:

     display: inline-block;

    Best regards,
    Ismael

    January 7, 2019 at 11:17 pm #1051078
    Lara

    Sorry, I’m not sure what you mean.

    January 9, 2019 at 11:24 am #1051726
    Nikko

    Hi Lara,

    I have made it into an unordered list since just using spaces sometimes causes odd design issues.
    Then I added this css code in Quick CSS:

    #top .widget #footer-social {
    display: flex;
}

    Let us know if you need further assistance.

    Best regards,
    Nikko

    January 9, 2019 at 11:58 pm #1052127
    Lara

    Hi Nikko,

    thanks for that. Looks great on PC.

    On mobile and tablet view, there are some dots on the icons.

    Thanks,

    Lara

    January 10, 2019 at 12:28 am #1052131
    Lara

    Hi Nikko,

    Upon closer inspection, those dots are present on PC too. It’s very close to the background colour

    January 10, 2019 at 11:27 am #1052277
    Nikko

    Hi Lara,

    Please replace the code I added in Quick CSS from:

    #top .widget #footer-social {
    display: flex;
}

    to:

    #top .widget #footer-social {
    display: flex;
    list-style: none;
}

    Best regards,
    Nikko

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.