Docs

[erikawells]

Hello!

First off, I wanted to thank you all for the wonderful work you do! I’ve made so much progress toward a website I love (with almost no coding experience) because of the answers I’ve found in the threads on your forums. You are all amazing!

Now on to my question.

When my website is viewed on a mobile device (smartphone, specifically) I noticed that the social icons in my footer are displayed in a vertical line. I’d like for them to still be displayed horizontally, even if that means they have to be a little smaller or a little closer together. Is there a code I could use to make that happen?

Thank you!

[erikawells]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for writing in! To resolve this issue, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

@media(max-width: 767px){
  .site .x-colophon.bottom {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .site .x-colophon.bottom .x-colophon-content {
      margin: 0 auto !important;
  }
}

Hope this helps. Kindly let us know.

[erikawells]

That worked perfectly! Thank you so much.

[Nico]

Happy to hear that.

Feel free to ask us again.

Thanks.

[Author]

Posts