Jump to content

Icons look large on mobile version

Recommended Posts

Posted (edited)
59 minutes ago, stellachapman said:

Site URL: https://www.maxflowsolutions.co.uk/

Hi there

I'd like to reduce the size these icons appear on the mobile site, if anyone can help with code please?

Thanks
Stella

Screenshot 2021-09-24 at 15.28.33.png

Screenshot 2021-09-24 at 15.28.50.png

Some Css code could fix your issue (Home > Design > Custom Css)

@media only screen and (max-width: 768px) {
	section[data-section-id="60b75c513ab2dc7e99fcaacc"] .image-block-wrapper, #block-yui_3_17_2_1_1622629761448_10757 .image-block-wrapper {
      max-width: 50px;
      margin: auto;
  }
}

Hope it can help you

Edited by HoaLT

Press 👍  or mark my comment as solution if you find my sharing useful

🆒 Squarespace pinchzoom lightbox plugin (affiliate link)

👁‍🗨 360 degree photo viewer (affiliate link)

📑 Squarespace embed PDF popup (affiliate link)

  • 6 months later...
Posted

Hi, I've the same issue. I copied the entire code from above directly in the custom css box but it does not show any difference. Do i have to add smth to the code?

 

Posted
21 hours ago, abours said:

Hi, I've the same issue. I copied the entire code from above directly in the custom css box but it does not show any difference. Do i have to add smth to the code?

 

Can you share link to page where you have problem? We can tweak the code

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Create an account or sign in to comment

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

×
×
  • 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.