Theme is being ignored on Home Page

Tallulah · February 22, 2023

Hi Squarespace Folks!

For the life of me, I cannot figure out why the color theme is being ignored on my home screen. I removed all custom code from my site thinking that would have an effect, but that didn't help either. I even tried using custom code to set the hamburger menu as a different color, and that was ignored all the same.

In the screenshot provided, I'm calling out the fact that the hamburger menu is unable to be seen, as my color theme is a black background here, but being changed to white (same as menu icon). Additionally calling out my menu button is functioning as expected and you can see the menu items populated on my screen. So the issue is UI only.

https://wrasse-primrose-9rs4.squarespace.com/

Appreciate your help in advance!

Tallulah

Mark.Hook · February 22, 2023

For a quick fix, you can try plugging the below code into the Advanced tab of your homepage settings...

<style>

@media screen and (max-width: 799px) {

.burger-inner > div {
background-color: black !important;
}

.header-menu-nav-folder.header-menu-nav-folder--active {
background: #dfd40e;
}

}

</style>

There's a chance your header is set to dynamic background and trying to adjust the background based on the color theme of your first page section. You may take a look at the Header settings > Style and select "Solid"

Ziggy · February 23, 2023

Best guess is that you've adjusted the MENU OVERLAY background colour to be transparent. You should be able to find this in the Styles Menu under Design and then adjust that setting within the correct colour theme.

Theme is being ignored on Home Page

Recommended Posts

Tallulah

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Posted Images

Mark.Hook

Link to comment

Ziggy

Link to comment

Create an account or sign in to comment

News

Events

Circle Day

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources