Can the shopify menu navigation bar be set to display adaptively according to the screen?

New Member
7 0 0

When the live theme menu navigation bar in the shopify store is displayed on the small screen, it will automatically move to the sidebar. Is it possible to set the menu navigation bar to adaptive screen instead of folding to the left?

 

微信截图_20191220120757.png微信截图_20191220120911.png微信截图_20191220120945.png

0 Likes
Shopify Partner
1157 94 141

Please Share a Store url to better assist

Thanks & Regards
Perennial Solution

Problem Solved?✔️Like and Accept the solution that can help others.
Need any help with theme customization or design? Hire us
Email: infoperennialsolution@gmail.com
Skype: infoperennialsolution
1 Like
New Member
7 0 0
0 Likes

Hello @ybridge,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

@media only screen and (max-width: 1100px) {
#SiteNav .site-nav__link {
	padding: 20px 15px;
}
}
@media only screen and (max-width: 990px) {
#SiteNav .site-nav__link {
	padding: 20px 5px;
}
}
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
New Member
7 0 0
What is this? Let me try
0 Likes