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

Question

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

Share this post


Link to post

6 answers to this question

Recommended Posts

  • 0
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;
}
}

 

Share this post


Link to post
  • 0

Hi @MagneM - This is great, thank you -you rock! One other quick thought... any idea how to change the Mobile Menu Backdrop Color to an image instead of a color?

 

 

Screen Shot 2020-02-04 at 10.52.05 AM.png

Share this post


Link to post
  • 0

@MagneM THANK YOU SO MUCH! Before you wrote back I was trying this wording to no-avail ".Mobile-overlay-background" or ".Mobile-overlay-backdrop" .. I should have known it was "back" ... so thank you again, it worked great!

Share this post


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...