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

Mobile Menu - Social Icons

Question

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.

Share this post


Link to post

6 answers to this question

Recommended Posts

  • 0

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;
}
}

 


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0

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.

Share this post


Link to post
  • 0
/* 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;
}
}

 


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0
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.


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...