Jump to content

URGENT PLEASE - my hamburger menu don't show up on homepage only

By FatouMAISONK, in Customize with code

Go to solution Solved by creedon,

Recommended Posts

FatouMAISONK Level 4

FatouMAISONK

Posted
Posted

Hello, 

 

My hamburger menu don't show up on mobile version and on my homepage only.

Please help me we're launching the website tomorrow. 

Website : Maisonkebe.com

PSWD : HELPKEBE

Thank you in advance

Capture d’écran 2023-07-20 à 20.17.28.png

  • Replies 5
  • Views 712
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

FatouMAISONK
FatouMAISONK

I use this code and it works ! Thank you again @creedon  .tweak-fixed-header .header .burger-inner>div, .header--menu-open.tweak-fixed-header header.header .burger-inner>div { backgrou

FatouMAISONK
FatouMAISONK

Hello @creedon its works ! The menu is back. I just have one last issue. Is that the menu to change color at the scroll. it should be white then turn black at the scroll. Can you please help ? 

Posted Images

creedon Level 15

creedon

Posted
Posted


Add the following to Design > Custom CSS. 

.homepage:not( .header--menu-open ) .burger-inner .top-bun,
.homepage:not( .header--menu-open ) .burger-inner .patty,
.homepage:not( .header--menu-open ) .burger-inner .bottom-bun,
.homepage.header--menu-open .header .header-burger .top-bun,
.homepage.header--menu-open .header .header-burger .patty,
.homepage.header--menu-open .header .header-burger .bottom-bun

  {
  
    background-color : black;
    
    }

This is for v7.1.

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

  • Solution
creedon Level 15

creedon

Posted
  • Solution
Posted

Scratch the previous code, I think.

I believe you have a syntax error in your Page Header Code Injection for the home page.

It looks something like the following. 

<style>
.logoload {
  /* SET BACKGROUND COLOR */
  background-color: #FFF;
  /* SET BACKGROUND SIZE */
  background-size: 90px;
  position: fixed;
  left: 0px;
  top: 0px;

It should be more like the following. 

<style>
.logoload {
  /* SET BACKGROUND COLOR */
  background-color: #FFF;
  /* SET BACKGROUND SIZE */
  background-size: 90px;
  position: fixed;
  left: 0px;
  top: 0px;
  }
</style>

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

FatouMAISONK Level 4

FatouMAISONK

Posted
  • Author
Posted

I use this code and it works !

Thank you again @creedon  

.tweak-fixed-header .header .burger-inner>div,
.header--menu-open.tweak-fixed-header header.header .burger-inner>div {
  background-color: red !important;
}
.tweak-fixed-header .shrink.header .burger-inner>div {
    background-color: #fff !important;
}

Create an account or sign in to comment

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

Sign Up / Login
Go to topic listing

News

×
×
  • Create New...

Squarespace Webinars

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

Upcoming Webinars →

Hire a Designer

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

Get Matched →

Support

Community

Developers

Resources