FROM CACHE - en_header

Need help to Fix the sub menu navigation

Solved
NateX
Shopify Partner
43 3 11

Hi Guys,

Need help setting up to put the sub-menu below the arrow. (Split Theme)

Store URL: newssystore.myshopify.com

Pass: ediski

Screen Shot 2021-11-16 at 12.08.54 PM.png

Nate
Shopify Web Developer
Accepted Solution (1)

Accepted Solutions
dmwwebartisan
Shopify Partner
11139 2393 3433

This is an accepted solution.

@NateX 

1. Go to your store. Click on Actions > Edit Code 2. Go to Assets > css_main.scss.liquid add below lines at the bottom of the file.  

@media screen and (min-width: 1024px){
.site-nav.style--classic .submenu {
    left: auto !important;
    width: min-content !important;
    margin: 0 auto !important;
}
}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Click here GemPages The most powerful Shopify page builder.

View solution in original post

Replies 3 (3)
Zworthkey
Shopify Partner
5581 642 1523

@NateX 
Do you want to like this?
Screenshot_2021-11-16_11-34-28.png
Thank You.

dmwwebartisan
Shopify Partner
11139 2393 3433

This is an accepted solution.

@NateX 

1. Go to your store. Click on Actions > Edit Code 2. Go to Assets > css_main.scss.liquid add below lines at the bottom of the file.  

@media screen and (min-width: 1024px){
.site-nav.style--classic .submenu {
    left: auto !important;
    width: min-content !important;
    margin: 0 auto !important;
}
}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Click here GemPages The most powerful Shopify page builder.
NateX
Shopify Partner
43 3 11

Awesome! This is exactly how it should be!!! Thanks much for the help!

Nate
Shopify Web Developer