keep navigation menu the same as desktop

Excursionist
24 0 4

Hi there, i was wondering if there was a way of keeping the navigation menu as how i see it on the desktop view, and preventing it from changing into the burger menu when viewing it on a mobile.

Im sure it used to be the same on both. I use Starpad_Launch theme

many thanks for your help :)

www.poppyscrafts.co.uk

0 Likes
Highlighted
Shopify Partner
55 0 1

You would need to edit your CSS for all of the media query breakpoints to display the menu instead of hiding it.  Then you would need to create a rule to hide the burger menu or remove it from your template altogether.  I did check it out in Developer Tools and saw that it would look the same if you were to do those things.  

Freelance Developer - darian@optiqal.com
0 Likes
Excursionist
24 0 4

hi there thankyou for your help, is there some sort of code i can just copy and paste ? lol

0 Likes
Shopify Partner
55 0 1

Sorry, I am just catching up on the forum.  Yeah, well in your case, it's in several places.  You could try adding this to styles.scss.css, at the bottom.  It's a little hacky because it's bad form to use !important to override style settings:

#menu-toggle {
  display: none !important;
}

nav.main {
  display: block !important;
} 

If you have any trouble, you can email me directly at darian@optiqal.com

Freelance Developer - darian@optiqal.com
0 Likes