Keenan1

Hi @tuanphan

Thank you so much for your help so far.

I would also like to perform the same action on two more pages within the current site (replacing logo with site title)-

"Home A" and "Home D" (found under "Home Options").

How do I go about this?

Thanks.

Ok, this worked!

Thank you so much.

Hi there

On my homepage, I would like the site title to be visible.

On the remainder of the site, I would like the logo to be used.

Is there CSS I can use for the homepage only - so that the site title is used instead of the logo?

Many thanks.

https://cardioid-sunflower-l792.squarespace.com

Password: woven

Thanks @tuanphan, that worked perfectly!

Hi @tuanphan

Thanks for your help so far.

On mobile - it seems to look a little different for me (across devices and browers).

With your code - it renders like the screenshot attached "Code A".

I have tweaked the size of the icon so it matches, using the following code, so that it now looks like "Code B".
 

div.header-burger {
    flex-direction: row-reverse;
    align-items: center;
}
.mobile-phone {
    position: relative;
    position: relative;
    left: -10px;
    top: -6px;
     font-size: 20px
}
a.mobile-phone {
    color: white;
}

My question is - the hamburger icon is now sitting too close to the right-hand side edge.

What CSS can I add to move both the icon and hamburger over slightly from the edge of the screen, so that the margin matches the body of the page (indicated by the red line)?

Many thanks

Thank you! That worked great.

Thanks @tuaphan. CSS is added now.

Can you check and see if what CSS is required to make it the same height as the hamburger menu icon, as well as prevent it from pushing the hamburger menu to the right?

Many thanks

Frances

Thanks @tuanphan, that worked great.

Is there a way we can change the background behind "MENU"?

Many thanks

Thank you so much, @tuanphan

I'd like to tweak the icon slightly -

- Bigger - so that it's the same height as the hamburger menu icon

- Make it white

What extra CSS would I need to include?

Also - is it possibly moving the menu icon over to the right? It seems to be doing this when I view it on my mobile (although it doesn't' behave the same in the Squarespace "mobile view" on the desktop editor).

Many thanks

Hi Tuanphan

I have a few pages on my site that have a different colored background from others.

Is it possible to style the Mobile Menu background specifically for only those pages?

Main website: https://www.chromainteriors.co.nz

Pages with different coloured background:

https://www.chromainteriors.co.nz/services-2
https://www.chromainteriors.co.nz/about-2

Many thanks

Frances

Thanks Tuaphan - I figured it out! 😊

Thanks Beyond Space. It's a business plan.
The phone icon also needs to appear when the menu is both open and closed.

Hi there

I would like to add a phone icon (image/png/svg) next to the hamburger menu, with a link to a phone number.

What CSS do I need to add to achieve this?

The website is:

https://piano-lizard-y585.squarespace.com

Password: BWS

Phone number would be: 0800 297 222

Many thanks

Hi there

I'd like to change the background colour of individual pages on my website as well.

The website used Avenue 7.0

https://www.chromainteriors.co.nz/test

Can you please advise me of the code, and where to insert this in the backend?

Many thanks

Frances

Hi there

I'd like to change the background colour of individual pages on my website.

The website used Avenue 7.0

https://www.chromainteriors.co.nz/test

Can you please advise me of the code, and where to insert this in the backend?

Many thanks

Frances

Hi @tuanphan

I am working on a website that uses 7.0.

Can you please help me with what code, and where to put this, in order to change the logo image on specific pages?

https://www.chromainteriors.co.nz/

Image URL is here.

Many thanks

Frances