Transparent Fixed Footer

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?

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?

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). 

Any ideas on the above?

studionh_nh

https://bellflower-opossum-txyn.squarespace.com/

Which page are you referring to? I can't find it now

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?

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

Amazing, thank you!

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