Jump to content

The Menu Hamburger on Mobile is Missing

Go to solution Solved by tuanphan,

Recommended Posts

I can't seem to find how to fix this. I've looked for code in the code injection and there is nothing and if I edit in the editor it doesn't do anything. Can anyone help? 

 

The second issue is squarespace will not allow me to change the background color or blur the background so the menu is very hard to read. 

Screenshot 2023-06-16 at 1.19.53 PM.png

Screenshot 2023-06-16 at 1.19.45 PM.png

Link to comment
  • Replies 11
  • Created
  • Last Reply

Top Posters In This Topic

Add to Design > Custom CSS

/* Burger Menu */
div.burger-inner>div {
    background-color: black !important;
}
.header-menu-bg.theme-bg--primary {
    background-color: #f1f !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
10 minutes ago, georgieswine said:

Thank you @tuanphan!

 

One more problem now, while now I have a background it shows in this pink color, I am not finding this color anywhere within my theme settings. 

How can I change this or simply just blur the background?

image.thumb.png.2978167e34e062f062f7b604facfe573.png

 

 

You try changing First Section Background Color

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

I was able to change the color in the custom css to #f1f1f1, see the screenshot. 

That said, no matter what I changed in the design the color would not change. 

I appreciate all the help. I have 1 more question, is there anything I can add to the CSS to make the background slighty transparent? 

 

 

image.thumb.png.282aa1ac85114c09610f05fed5eb3a27.png

Link to comment
  • Solution

you can change your hex color to rgba color

background-color: #f1f1f1 !important;

to

background-color: rgba(241,241,241,0.2) !important;

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Hello,  I have the same problem and cannot see where the code needs fixing. Only on the welcome page but burger shows on others.

www.govanhi.com

Link to comment
3 hours ago, govanhi said:

Hello,  I have the same problem and cannot see where the code needs fixing. Only on the welcome page but burger shows on others.

www.govanhi.com

Burger is fine to me. Can you share link to page where you have problem?

image.thumb.png.9870ca281c6f185af386c5f0a8ffab72.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

ScreenShot2023-06-28at15_41_41.thumb.png.9e822bda8e72b85b3d9634b4560b17c1.png

Could it be a Javascript loading issue?   How do you move code from Header to bottom to see if that resolves it?

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.