Jump to content

Code for creating push navigation

Recommended Posts

Can anyone recommend custom code/plugin for creating a push navigation similar to this site? https://workhiveslc.com/

I'm using the Brine Template and am assuming it'll need to be code injection for the header. Maybe someone knows of a site offering or selling the plugin code? I know I can mimic this - sort of - by forcing the mobile hamburger to desktop by increasing the mobile breakpoint, but that means the menu background covers the entire desktop screen. Hoping to find partial coverage code.

Thank you!

 

Screen Shot 2020-01-31 at 11.37.39 AM.png

Edited by gleemedia
Link to comment
  • Replies 6
  • Created
  • Last Reply

Top Posters In This Topic

4 hours ago, gleemedia said:

forcing the mobile hamburger to desktop by increasing the mobile breakpoint, but that means the menu background covers the entire desktop screen.

Hi @gleemedia

This is some of the code I used:

@media only screen and (min-width: 640px) {
.Mobile-overlay-menu {
                                width: 55vw;
}
.Mobile-overlay-nav {
                                padding-left: 2em;
}
.Mobile-overlay-nav-item {
                                font-size: 4vw !important;
}
.Icon--close {
                                display: none !important;
}
}

 

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.