ConsultingWebsite Posted September 24, 2021 Share Posted September 24, 2021 (edited) Site URL: https://moose-lion-yz4g.squarespace.com/config/ Page: /whatewedo Hello! I'm having issues with my icon sizes on mobile view. On desktop they look good but when I switch to mobile view they look massive. I've seen this issue on other forums and tried to use the lines of code for my website but with no luck. Can anyone help? Edited September 24, 2021 by ConsultingWebsite Link to comment
tuanphan Posted September 25, 2021 Share Posted September 25, 2021 It looks like you figured it out? 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!) Link to comment
ConsultingWebsite Posted September 25, 2021 Author Share Posted September 25, 2021 (edited) Thanks for your response! https://www.exevion.com/whatwedo It's an issue on the "What we do page". The section layout is different than on the home page. How can I hide the icons in mobile view (or make them smaller) Edited September 25, 2021 by ConsultingWebsite Link to comment
tuanphan Posted September 28, 2021 Share Posted September 28, 2021 On 9/25/2021 at 9:10 PM, ConsultingWebsite said: Thanks for your response! https://www.exevion.com/whatwedo It's an issue on the "What we do page". The section layout is different than on the home page. How can I hide the icons in mobile view (or make them smaller) It looks like you figured it out on mobile. However on tablet, the icons look small. Do you want to change it to 2 items/row or increase icon width? 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!) Link to comment
sergio1967 Posted January 5, 2022 Share Posted January 5, 2022 Hello tuanphan! I am trying the same. I was using this code, that you posted in another chatt. @media screen and (max-width:640px) { #yui_3_17_2_1_1641311472092_292 { width: 30% !important; height: 100% !important; margin: 0; } } It works good at the first moment - after a while it change back to the old big size. What do you think is the Problem? Unfortunately we are not online but you can see it on this Screens Link to comment
tuanphan Posted January 7, 2022 Share Posted January 7, 2022 On 1/5/2022 at 11:50 PM, sergio1967 said: Hello tuanphan! I am trying the same. I was using this code, that you posted in another chatt. @media screen and (max-width:640px) { #yui_3_17_2_1_1641311472092_292 { width: 30% !important; height: 100% !important; margin: 0; } } It works good at the first moment - after a while it change back to the old big size. What do you think is the Problem? Unfortunately we are not online but you can see it on this Screens You can setup site access password & share 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 Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
sergio1967 Posted January 7, 2022 Share Posted January 7, 2022 I Hope you understand the Problem 🙂 Thanks in Advance for Your help!! Sergio Link to comment
tuanphan Posted January 8, 2022 Share Posted January 8, 2022 11 hours ago, sergio1967 said: I Hope you understand the Problem 🙂 Thanks in Advance for Your help!! Sergio Don't share login password on forum. See how to setup access password. 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!) Link to comment
sergio1967 Posted January 8, 2022 Share Posted January 8, 2022 https://maracas-sapphire-c9ck.squarespace.com/ Uli2020 Link to comment
tuanphan Posted January 10, 2022 Share Posted January 10, 2022 On 1/8/2022 at 6:10 PM, sergio1967 said: https://maracas-sapphire-c9ck.squarespace.com/ Uli2020 Add to Design > Custom CSS /* Mobile icons */ @media screen and (max-width:767px) { div#page-section-6093c2a716f1837bb100d9fd figure { margin-left: 0 !important; width: 30%; } footer.sections .image-block { width: 30%; } } 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!) Link to comment
sergio1967 Posted January 10, 2022 Share Posted January 10, 2022 Thank you! @tuanphan that worked perfectly! Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment