Menu layout desktop - Mobile

Emily85
New Member
2 0 0

Hi, 

hope everyone is well. 
im looking for somebody to help if possible. 

Menus- can I have my drop down menu on both mobile and desktop.

my mobile version works as I want but the desktop version runs horizontally and looks rubbish :(( 

I can send screen shots if required. Really struggling with this at the moment. My website is www.splitsdrinks.co.uk

Replies 4 (4)
DP_Development
Pathfinder
82 11 17

Hi! You can change the design and behavior of your navigation just as you like. 

If you want you can set your mobile navigation bar as a default for desktop views aswell. The configuration of your nav bar is in your header.liquid

 

Software Engineer and Frontend Developer
Fast, cheap and straightforward solutions! Shall I do this for you? Just send me a message!
Please click on like and "accepted solution" if my answer helped you.
Emily85
New Member
2 0 0

thank you for your quick reply. I will have a look, will I have to add code to change? 

DP_Development
Pathfinder
82 11 17

No, you wont have to add additional code. Both navigation views (desktop/mobile) are already there. But you will have to modify the classes which are loaded, so that your mobile navigation will always be shown, not depending on screen sizes. Right now your mobile navigation is just shown for specific screen sizes. When the screens are bigger, it immediately switches to your desktop navigation. 

Software Engineer and Frontend Developer
Fast, cheap and straightforward solutions! Shall I do this for you? Just send me a message!
Please click on like and "accepted solution" if my answer helped you.
Hyde
Shopify Staff
1068 115 192

Hi @Emily85

I'd love to be able to help you with this, but first I'd need to know if it's a Shopify free theme you're using or a third-party theme, as our support only extends as far as themes that we have developed ourselves! The more information you can provide me, the better I can help.

I look forward to hearing from you!

Hyde | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog