Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

rsmith3074

Question

  • Answers 69
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Hey @rsmith3074 - I realize you posted this weeks ago but I just now got back onto the forum and wanted to share the answer in case you still needed it! I use CSS to do this; this code does the trick

You can replace burger icon with custom three lines (here is an example img) Add to Home > Design > Custom CSS. Replace current image with three lines icon url .burger-box div { dis

Add to Home > Design > Custom CSS .header--menu-open .burger-box { background: none; } .header--menu-open .burger-box div { display: block; }  

Posted Images

Recommended Posts

  • 0
6 hours ago, butterycash said:

certainly

pass: ackbar

https://www.icantbelieveitsnotbuttery.com/

also is there a way to limit the width of the menu after it appears to only 50% of the page?

thanks
JC

Add to Home > Design > Custom CSS

.header--menu-open .burger-box {
    background: none;
}
.header--menu-open .burger-box div {
    display: block;
}

 

Link to post
  • 0
On 10/8/2020 at 3:03 PM, bonniergcuk said:

Hi, 

 

Sorry a bit late but my cart has now disappeared, does anyone know how to show the hamburger menu and the cart?

Can you share site url? We can check easier.

Link to post
  • 0
On 7/31/2020 at 12:32 AM, tuanphan said:

Add to Home > Design > Custom CSS


@media screen and (max-width:767px) {
html, body {
    overflow-x: hidden;
}
}

 

Tried this, thank you, but it is not working 🤷‍♀️

Link to post
  • 0
18 hours ago, Georgiaallen23 said:

Hi. I was wondering if anyone knew how to get the hamburger menu on the left hand side, my logo in the middle, and the social icons on the right of the header? Thanks 

Can you share site url? We can help easier.

 

On 10/24/2020 at 1:43 AM, hanna38 said:

@tuanphan Thank you for your help! The site name at the moment is https://irene-pichler.squarespace.com/config/ and the password Homepage2020. Thanks so much!

Can you describe in detail again? Thank you

Link to post
  • 0

I want the lines of the hamburger menu to be longer. I managed with the css above to make them fatter, but I don't know who to make them longer (so in the horizontal direction bigger). Is there any code to manage that? Thank you for your help!

Link to post
  • 0
On 10/25/2020 at 4:28 PM, tuanphan said:

Can you share site url? We can help easier.

The site name at the moment is https://irene-pichler.squarespace.com/config/ and the password Homepage2020.

Can you describe in detail again? Thank you

I want the lines of the hamburger menu to be longer. I managed with the css above to make them fatter, but I don't know who to make them longer (so in the horizontal direction bigger). Is there any code to manage that? Thank you for your help!

 

Link to post
  • 0

Hi! I was wondering if someone could help. I have used the code for the burger menu, but changing between pages the old 'hidden' menu still flashed up... Also the code for spacing doesn't seem to work for me, its so far between them now! Thank you !

Link to post
  • 0
15 hours ago, NikieL said:

Hi! I was wondering if someone could help. I have used the code for the burger menu, but changing between pages the old 'hidden' menu still flashed up... Also the code for spacing doesn't seem to work for me, its so far between them now! Thank you !

Can you share site url? We can check easier

Link to post
  • 0

Its a little bit better now but the font seems huge and very spaced out between!

https://puma-tetra-6bfs.squarespace.com

Password: Cheyne2020

I was also trying to make two project images unclickable with this code but can't make it work, can you help? Thank you! 

a.project[href="/marble-arch/"] {
    pointer-events: none;
}
a.project[href="/knightsbridge/"] {
    pointer-events: none;
}

Link to post
  • 0
On 11/20/2020 at 6:49 PM, NikieL said:

Its a little bit better now but the font seems huge and very spaced out between!

https://puma-tetra-6bfs.squarespace.com

Password: Cheyne2020

I was also trying to make two project images unclickable with this code but can't make it work, can you help? Thank you! 

a.project[href="/marble-arch/"] {
    pointer-events: none;
}
a.project[href="/knightsbridge/"] {
    pointer-events: none;
}

To adjust size - space, add to Home > Design > Custom CSS

div.header-menu-nav-item a {
    font-size: 20px !important;
    padding: 20px;
}

 

Link to post
  • 0

I have used the code to implement the hamburger menu, everything is working even with the social links and cart showing too.

The problem I have ran in to is that the logo is not centered, with it being placed just slightly right of where it should be 1538254169_Screenshot2021-01-02at17_38_52.thumb.png.9449cfb659a499d7a4dcfaff27bafac2.png

Can anyone help with this?

Link to post
  • 0

Hi guys, I hate to add on to the questions but does anyone know how to get the burger menu with three lines and the actual word "menu" to the side or on top? Or can I just custom create a vector and upload and replace link from previous post about three lines? It's the LAST thing I need to finally publish the site 😞

Also, the old menu will flash when switching pages but only for a tiny bit, has anyone found the fix?

Thank you

Link to post
  • 0
On 1/3/2021 at 12:39 AM, saltclo said:

I have used the code to implement the hamburger menu, everything is working even with the social links and cart showing too.

The problem I have ran in to is that the logo is not centered, with it being placed just slightly right of where it should be 1538254169_Screenshot2021-01-02at17_38_52.thumb.png.9449cfb659a499d7a4dcfaff27bafac2.png

Can anyone help with this?

Can you share site url? We can help easier.

On 1/5/2021 at 7:44 PM, ehernandezkpg said:

Hi guys, I hate to add on to the questions but does anyone know how to get the burger menu with three lines and the actual word "menu" to the side or on top? Or can I just custom create a vector and upload and replace link from previous post about three lines? It's the LAST thing I need to finally publish the site 😞

Also, the old menu will flash when switching pages but only for a tiny bit, has anyone found the fix?

Thank you

Can you share url? We can check easier

Link to post
  • 0

Hello!

I am still new to squarespace!

I am wanting to put the hamburger navigation with 3 lines on the left so my social links are on the right? Can anyone help with that? thank you!

Link to post
  • 0
On 1/7/2021 at 3:25 AM, saltclo said:

Try adding to Home > Design > Custom CSS

.burger-box:after {
    content: "menu";
    width: 60px;
    height: 30px;
    display: block;
    color: black;
    font-size: 20px;
    visibility: visible;
}
.burger-box div {
    display: none;
}

 

Link to post
  • 0
On 1/7/2021 at 7:13 AM, Tayloramy said:

Hello!

I am still new to squarespace!

I am wanting to put the hamburger navigation with 3 lines on the left so my social links are on the right? Can anyone help with that? thank you!

Edit Site Header > Header Layout > Select Layout: Navigation - Logo - Button

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...