maboli Posted August 7 Share Posted August 7 Perfect, thank you. Is there a way I can reduce the spacing vertically for the desktop menu text but not on the the mobile too? Also, on another note, do you have any code that can remove the Google information from the map on the 'Studio' page? Link to comment
tuanphan Posted August 10 Share Posted August 10 On 8/7/2024 at 4:13 PM, maboli said: Perfect, thank you. Is there a way I can reduce the spacing vertically for the desktop menu text but not on the the mobile too? Also, on another note, do you have any code that can remove the Google information from the map on the 'Studio' page? #1. Use this CSS code @media screen and (min-width:992px) { div.container.header-menu-nav-item a { margin-top: 10px !important; margin-bottom: 10px !important; } } #2. You mean this information bar? 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
maboli Posted August 12 Share Posted August 12 (edited) Great, thank you. Yes, that's correct the text in the map footer. I also have a problem with underlines showing on my telephone number on my mobile. This doesn't show within Squarespace but when I review the site on my mobile it appears (see attached). Edited August 13 by maboli Link to comment
tuanphan Posted August 30 Share Posted August 30 studionh_nh https://bellflower-opossum-txyn.squarespace.com/ Which page are you referring to? I can't find it now 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
maboli Posted September 2 Share Posted September 2 (edited) It's here, the 'Studio' page: https://bellflower-opossum-txyn.squarespace.com/studio I am also wanting to remove the underline on my mobile number from the mobile version of my site. It doesn;t show on the editing pages but when I view on my mobile it is there? Edited September 4 by maboli Link to comment
tuanphan Posted September 6 Share Posted September 6 On 9/2/2024 at 2:52 PM, maboli said: It's here, the 'Studio' page: https://bellflower-opossum-txyn.squarespace.com/studio I am also wanting to remove the underline on my mobile number from the mobile version of my site. It doesn;t show on the editing pages but when I view on my mobile it is there? #1. Use this code to Custom CSS /* Text in Map */ div#block-yui_3_17_2_1_1723020430070_1563 { overflow: hidden; } div#block-yui_3_17_2_1_1723020430070_1563>div { position: relative; bottom: -20px; } #2. First, highlight phone number > Click Link icon > Add this to URL tel:+44(0)7540584927 Next, use this code to Custom CSS div#block-yui_3_17_2_1_1721391349417_5027 a[href*="tel"] { border: none !important; text-decoration: none !important; background-image: none !important; } 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
maboli Posted Friday at 02:19 PM Share Posted Friday at 02:19 PM Is there a way I can make my image at the top go full bleed to the left, so when it's in mobile the image is above the text? Obviously, if I add it as a background image it doesn't stack on mobile so the text is over the top. I have attached a screenshot of what I am trying to do. https://bellflower-opossum-txyn.squarespace.com/projects-1 studionh_nh Link to comment
tuanphan Posted yesterday at 02:41 AM Share Posted yesterday at 02:41 AM On 9/13/2024 at 9:19 PM, maboli said: Is there a way I can make my image at the top go full bleed to the left, so when it's in mobile the image is above the text? Obviously, if I add it as a background image it doesn't stack on mobile so the text is over the top. I have attached a screenshot of what I am trying to do. https://bellflower-opossum-txyn.squarespace.com/projects-1 studionh_nh I see you solved? If you use background image, you can add it, I can check & give you code to move it above text on mobile 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
maboli Posted yesterday at 09:20 AM Share Posted yesterday at 09:20 AM (edited) Hi, I have made the image a background which works for desktop, but could I make it so only the right hand of the image shows on mobile, thus having just the white background for the text? Edited yesterday at 10:53 AM by maboli 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