Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'social icons'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location


Badges

Found 10 results

  1. Site URL: https://www.eddiefieg.com Hi! I'd like to simply remove the hover effect on my social icons and my button (in my site's footer). I've tried some CSS solutions and they're not doing the trick. Little help?! Thanks! Here's my site: eddiefieg.com
  2. Site URL: https://exokim.com/ Is there a way to display the social media icons in the footer so it doesn't get blocked by Adblock? Please note that I'm on a Personal pricing plan, so the Code Injection is not available.
  3. wondering how I could customize the email icon so that when it is clicked, a small dropdown pops down allowing the user to select from one of a few emails (support, sales, or partnerships). anyone know how to integrate a drop-down into the social icon for email?
  4. Site URL: https://www.birdmafia.com Site URL: https://www.birdmafia.com All, looking for ideas on what options I have to make the mobile header better. Everything looks great on desktop, but in mobile it makes the social icons hidden until you hit the "..." icon, and it has the shopping bag further over to the left for no apparent reason. Any ideas on how to make social icons show on top with shopping bag instead of hidden by "..." or if not an option at all then how to hide the social icons on mobile. Those are the two ideas I had. Let me know what you think. I have this code in to resize the mobile social icons, I tried making them even smaller - it never moved them to top. Just smaller to see once you hit the "..." //social icon resize in mobile// @media screen and (max-width:768px) { .tweak-show-social-in-header .mobile-social .sqs-template-social-icons .sqs-svg-icon--wrapper { width: 30px; } }
  5. Site URL: https://www.birdmafia.com On desktop version of site the social icons look great. When on mobile and you click the 3dot icon, they show up but way too big. Is there a way to resize them just on mobile and leave the size on desktop alone? Searched quite a bit and couldn't find anything.
  6. Site URL: https://coyote-aqua-7bd9.squarespace.com/ Hello, I'd like to change the hover color on my social icons to #90babb I am pasting this code within Design > Custom CSS Window and it's not working: .header-actions-action.header-actions-action--social a:hover svg { fill: #90babb !important; } Thank you in advance for the help! NS
  7. hi everyone ! I 'd like to add a social icon for several persons (i.e. 6 persons having their own Facebook page) on my site but each icon is associated to only one url ... how can I solve this ? maybe via CSS ? I could work around the problem by inserting images but how to resize them for mobile view and having 4 icons (insta, fb, youtube linkedin ) side by side horizontaly ? thanks in advance for your help
  8. Site URL: https://www.joelmcdowell.co/ Hi, I am having some trouble with social icons on the Flatiron template not centering on mobile. I have attached a photo for reference.
  9. Site URL: https://niall-cochrane-dcb3.squarespace.com/config/pages Hi I have recently moved to the Fulton template and have almost completed my new site but there are a few small things that I can't seem to figure out; 1. The Navigation icon to the top left doesn't scroll down with the page, is there a way to do this? I think it does it in the template but I must have turned it off somehow. 2. How can I show the Social Icons? I've looked but can't find how to do this. 3. Is it possible to have the navigation and logo at the top of the page stay there when scrolling? Thanks, N
  10. Hi, In this post, I will share how to add Social Icons to Navigation. Step 1. Add this code to Home > Settings > Advanced > Code Injection > Footer <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> Step 2. Find Icons Code Here are all icons: https://fontawesome.com/v4.7.0/icons/ Some popular icons Facebook: <i class="fa fa-facebook-official" aria-hidden="true"></i> Link: https://fontawesome.com/v4.7.0/icon/facebook-official Instagram: <i class="fa fa-instagram" aria-hidden="true"></i> Link: https://fontawesome.com/v4.7.0/icon/instagram Twitter: <i class="fa fa-twitter" aria-hidden="true"></i> Link: https://fontawesome.com/v4.7.0/icon/twitter Step 3. Add Icons to Navigation Access Home > Pages > Add New Page > Other: Link Link Title: Icons code, eg: <i class="fa fa-facebook-official" aria-hidden="true"></i> Link: enter your social link Step 4. Save. Done!
×
×
  • Create New...