Shopify Design

NateX · ‎11-15-2021

Hi Guys,

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

Store URL: newssystore.myshopify.com

Pass: ediski

Nate
Shopify Web Developer

dmwwebartisan · ‎11-16-2021

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

Zworthkey · ‎11-16-2021

@NateX
Do you want to like this?

Thank You.

dmwwebartisan · ‎11-16-2021

@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