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

Forcing mobile nav for desktop on Lange Template


Ryan_design

Question

Hi All,

Looking for some help on forcing the mobile navigation for desktop on the Lange template. The theme doesn't have the mobile breakpoint slider so was hoping someone could point me to the next best solution. Appreciate the feedback!

Link to post
  • Answers 5
  • Created
  • Last Reply

Top Posters For This Question

5 answers to this question

Recommended Posts

  • 0

Add to Home > design > Custom CSS

@media screen and (min-width:768px) {
 /* hide navigation */
    .header-nav {
    display: none;
}
/* Hide header button */
.header-actions {
    display: none;
}
/* show burger */
.header-burger {
  display: flex;
}
/* Show overlay mobile menu */
.header--menu-open .header-menu {
opacity: 1;
visibility: visible;
}

 

You can send your question to my email to get detail answer. / How to Setup Password & Share URL 

-- I'm seriously sick. Off some time.

Link to post
  • 0
On 8/13/2020 at 10:52 PM, Ryan_design said:

billsilvaentertainment.com

Sorry, I thought Lange is SS 7.1 template

Remove above & add this to Home > Design > Custom CSS

/* remove desktop header */
header#header {
    display: none;
}
/* Show mobile header */
.mobile-bar-wrapper {
    display: flex;
}
.mobile-branding-wrapper {
    flex-grow: 1;;
}
svg.Icon.Icon--hamburger {
    fill: black;
    stroke: black;
}
label.mobile-nav-toggle-label {
    flex-grow: 1;
    text-align: right;
}

 

You can send your question to my email to get detail answer. / How to Setup Password & Share URL 

-- I'm seriously sick. Off some time.

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