brandi_sqspace

As always, @tuanphan, you are my hero. Sincere gratitude!

Hi there! I think I've asked something similar before, but can't find it. I'm now trying to hide the footer on just this one page: https://thisplusthat.com/newsletter Does anyone know the custom code to pull that off? Thank you!

That solved that! THANK YOOOOU @tuanphan!

That solved it! THANK YOU, as always, @tuanphan!

No, because not all desktop logos are the same color. I want a specific logo to *always* show on mobile nav (white/teal/white) — this one — because the mobile overlay menu is always black. And, of course, at the same size the fully white one appears on mobile currently.

No, sorry—this is a screenshot (⬆️) from a page that's my desktop/regular nav menu. I'm just showing an example of somewhere else on my site (desktop/regular nav) that's what I want the button to look like in my mobile overlay nav menu (the black background, here ⬇︎), for your reference, since @bangank36 asked for one!

I don't know what "my selector" is, unfortunately. Here's a screenshot of what I want the button to look like — just like every other button on my site (the one in the top right here).

Thanks, @bangank36. Forgive my total lack of knowledge here, but what is the CSS code to style the button background? Can I basically copy what I have above, but do it under this media only code, so that it's something like: @media only screen and (max-width: 767px) { font-family: proxima-nova; font-weight: 700; font-style: normal; letter-spacing: .1em !important; text-transform: uppercase; line-height: 1.2em !important; font-size: 1rem; color: #00CC99 !important; <-- is this the bg color of the button or the font color? why is it not styling teal? }

@tuanphan This worked, almost — it inverts it so that it's the full/all white version of my logo. But I'm looking for the white/teal/white version of my logo, like the one you see on my home page (desktop).

Site URL: https://thisplusthat.com Hi hi! Wondering if I could get some help styling the button in my mobile navigation. I have this code currently in my Custom CSS: /* Custom Mobile Nav CTA Button */ .header-menu-cta a { font-family: proxima-nova; font-weight: 700; font-style: normal; letter-spacing: .1em !important; text-transform: uppercase; line-height: 1.2em !important; font-size: 1rem; color: #00CC99 !important; } Wanting, though, for the button to be styled like it is on desktop / my primary button styling — teal background (#00CC99) and black text (#333). Thank youuuu!

Hey, y'all. Can anyone possibly help me get my *nav area on mobile only* to display a custom logo? It of course currently takes on whatever logo is in the header area of each page, but I need it to *always* be the white/teal/white version (instead of the black/teal/black version it is right now, since the nav area background is black). Here's my site. Thanks in advance!

Hi, all! Similar question here that never got answered — I have code applied already so that the logo changes out on certain pages on *desktop,* which seems to be working fine. BUT, I'm now looking to make sure that the logo for all pages, when a user opens navigation in mobile, is the white/teal/white version instead of the black/teal/black version that's appearing now, since it makes the black portions disappear on the black background. Here's my site. Any help would be so appreciated, thank you!

As always, @tuanphan, you are a hero. THANK YOU!

Site URL: https://thisplusthat.com/ Hey, y'all. Here's my site. I used the custom footer code injection from this kind person to try and solve for weird spacing between side-by-side buttons on Squarespace in the hero image area of my home page. I like how it looks now, except for a couple of things: It doesn't fit the full container. I'd love for them to be equidistant so that the left-most button aligns to the left side of the white block above it, and the right-most button aligns with the right side of the white block above it, with equal space between each button. When I go to mobile, all of the buttons stack to the left on top of each other. This isn't horrible to me, but I'm wondering if there's some way to keep them all in the same row on mobile without the buttons becoming too small. Does anyone know any custom code to solve for these issues? Or, do you know another way to code this instead of the custom footer injection code in order to meet all of these desires? Thanks for your help in advance!

@CarriLM @thebaristaleague I've closed up that business so I hadn't needed to come back to the issue for a while since posting. I'm sure I'll still need to consider this with any of my new directions, but as far as I know, I never received helpful responses in those forums, either. 😞 Would love to hear if anyone comes up with solutions or how other people handle this.