Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • December 20, 2020 at 8:12 pm #1268839
    navindesigns

    On my site https://whole-book.com/ at the very top, I have social icons which looks great on desktop but on mobile, I would like the social icons to be centered instead of left aligned

    screenshot – https://ibb.co/6sZkqGk

    December 21, 2020 at 6:05 am #1268950
    Nikko

    Hey navindesigns,

    Please try adding this CSS code in Quick CSS, located in Enfold > General Styling:

    @media only screen and (max-width:767px) {
  #top #wrap_all #buybook .social_bookmarks {
    text-align: center;
  }

  #top #wrap_all #buybook .social_bookmarks li {
    display: inline-block;
    float: none;
    margin: 0 9px;
  }
}

    Best regards,
    Nikko

    December 21, 2020 at 6:07 am #1268952
    Nikko

    Hi navindesigns,

    We have added the code to your site, please review your site :)

    Best regards,
    Nikko

    December 21, 2020 at 3:45 pm #1269055
    navindesigns

    Looks great

    Thanks as always!

    December 21, 2020 at 4:13 pm #1269064
    Nikko

    Hi navindesigns,

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

    Best regards,
    Nikko

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Center Social Icons on Mobile’ is closed to new replies.