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

Desktop Hamburger Menu on Left with Button on Right


aunderwood

Question

Site URL: https://www.rlsignings.com

HELP! I have a client asking for a hamburger menu on the left of her desktop page with her currently active button left on the right of the screen.  She wants the mobile menu to be "normal" as it currently is.  

I've searched so many streams and I have no idea what kind of css to use to make this happen.  I can revert the current home page menu to a mobile hamburger style, but that inserts the button into the menu where my client would like it to stay in the header.  

How can I accomplish this?! 

Thank you!!!

Link to comment
  • Answers 3
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

3 answers to this question

Recommended Posts

  • 0

You mean replace menu text with burger icon? Add to Design > Custom CSS

a.header-nav-folder-title:before {
    content: "\e030";
    font-family: 'squarespace-ui-font';
    font-size: 30px;
}

 

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
  • 0
2 hours ago, tuanphan said:

You mean replace menu text with burger icon? Add to Design > Custom CSS

a.header-nav-folder-title:before {
    content: "\e030";
    font-family: 'squarespace-ui-font';
    font-size: 30px;
}

 

Yes, that is wonderful BUT now when we go to the mobile menu someone would have to click on the burger (or the word "menu") inside the burger to get to the actual links. Is there a code to bypass the folder itself and take a mobile viewer straight to the contents of hte folder without having to see that option in the mobile menu?

Link to comment
  • 0
9 hours ago, aunderwood said:

Yes, that is wonderful BUT now when we go to the mobile menu someone would have to click on the burger (or the word "menu") inside the burger to get to the actual links. Is there a code to bypass the folder itself and take a mobile viewer straight to the contents of hte folder without having to see that option in the mobile menu?

Add this CSS

@media only screen and (max-width: 767px) {
  .header-menu-nav-folder[data-folder="root"] {
    display: none !important;
  }
  .header-menu-nav-folder-content .header-menu-controls {
    display: none;
  }
  .header-menu-nav-folder:not([data-folder="root"]) {
    transform: unset;
    transition: unset;
  }
}

 

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

Create an account or sign in to comment

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


×
×
  • Create New...