Sub-menu in Navigation menu

Highlighted
New Member
2 0 0

Hi team,

I want to show the menu including the sub-menu in the vertical list; however, it seems to show horizontally when viewing on the computer. How can I fix it?

The attached screenshot is what it currently displays; however, I want it to list out the items in a vertical list and when hover the mouse in that menu, sub-menu would appear.

It would be great to see the advice. Thanks!

Menu list.png

0 Likes
Highlighted

Hello.....
Please share your store URL .
So that I will check and let you know the exact solution here.

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
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
2 0 0

Hi there,

Thanks for the response.

Our store URL is https://platinum-professional-training.myshopify.com/

Thank you for your help!

0 Likes
Highlighted
span.site-nav__label {
    font-size: 17px;
}
.grid__item.medium-up--one-quarter.logo-align--left {
    width: 16%;
}
nav#AccessibleNav {
    width: 80%;
}
.grid__item.medium-up--one-quarter.text-right.site-header__icons {
    width: 8%;
    text-align: right;
}
@media only screen and (max-width: 749px){
	.grid__item.medium-up--one-quarter.logo-align--left {
    width: 50%;
}
.grid__item.medium-up--one-quarter.text-right.site-header__icons {
    width: 50%;
}
}

Hello
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

Note : If media is already in your file, then past code in it

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
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes