veganedge Posted June 10, 2020 Share Posted June 10, 2020 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. Link to comment
tuanphan Posted June 10, 2020 Share Posted June 10, 2020 Add to Home > Design > Custom CSS @media screen and (max-width:768px) { .tweak-show-social-in-header .mobile-social .sqs-template-social-icons .sqs-svg-icon--wrapper { width: 30px; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
veganedge Posted June 10, 2020 Author Share Posted June 10, 2020 Thank you so much!!!! I added //social icon resizing// to it, so I know what that piece does. I tried labeling something in an individual page's header code injection, but it said there was a syntax error. Is there a way to label code in an individual page's header code? I'm trying to keep track of what each code snippet does, for future adjustments. Link to comment
tuanphan Posted June 11, 2020 Share Posted June 11, 2020 /* enter your comment here */ @media screen and (max-width:768px) { .tweak-show-social-in-header .mobile-social .sqs-template-social-icons .sqs-svg-icon--wrapper { width: 30px; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
davidhunternyc Posted August 29, 2020 Share Posted August 29, 2020 I tried this code to reduce the size of my instagram icon at the footer on my mobile website. The code didn't work. What did I do wrong? Thanks. Link to comment
tuanphan Posted August 30, 2020 Share Posted August 30, 2020 12 hours ago, davidhunternyc said: I tried this code to reduce the size of my instagram icon at the footer on my mobile website. The code didn't work. What did I do wrong? Thanks. Can you share site url? We can check easier. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
davidhunternyc Posted August 30, 2020 Share Posted August 30, 2020 Thank you for asking! Last night some else was able to fix this issue. All the best. Here is the solution: Site URL: https://sealion-swordfish-4y7r.squarespace.com/config/ My password: littlemoon (lowercase) Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.