Jump to content

Social icons visible on mobile but not desktop

Recommended Posts

Site URL: https://www.gabcyriellenutrition.com/


I injected a code on each page of my website to add social icons on the top right just under the search bar. It worked well for a few months and then I just realized they were not visible anymore on the desktop. They are visible on the mobile version though. How can I correct this issue so they are visible on desktop and mobile?

Here's the code I used.

<div class="sqs-block-content">
<div class="sqs-svg-icon--outer social-icon-alignment-right social-icons-color-white social-icons-size-small social-icons-shape-circle social-icons-style-knockout">
  <nav class="sqs-svg-icon--list">
    <a href="https://www.instagram.com/gabcyrielle/" target="_blank" class="sqs-svg-icon--wrapper instagram-unauth">
        <svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
          <use class="sqs-use--icon" xlink:href="#instagram-unauth-icon"></use>
          <use class="sqs-use--mask" xlink:href="#instagram-unauth-mask"></use>
    </a><a href="https://www.facebook.com/gabcyrielle-nutrition-350196942345429/" target="_blank" class="sqs-svg-icon--wrapper facebook-unauth">
        <svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
          <use class="sqs-use--icon" xlink:href="#facebook-unauth-icon"></use>
          <use class="sqs-use--mask" xlink:href="#facebook-unauth-mask"></use>
    </a><a href="mailto:info@gabcyriellenutrition.com" target="_blank" class="sqs-svg-icon--wrapper email">
        <svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
          <use class="sqs-use--icon" xlink:href="#email-icon"></use>
          <use class="sqs-use--mask" xlink:href="#email-mask"></use>



Link to comment
  • Replies 1
  • Created
  • Last Reply


This topic is now archived and is closed to further replies.

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.