Solved

How do I fix the sub menu navigation in the Split Theme?

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)

dmwwebartisan
Shopify Partner
12321 2551 3712

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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

Replies 3 (3)

Zworthkey
Shopify Partner
5581 642 1574

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

dmwwebartisan
Shopify Partner
12321 2551 3712

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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
NateX
Shopify Partner
43 3 11

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

Nate
Shopify Web Developer