Drop-down menu (Context Theme)

Highlighted
Tourist
21 0 0

Hello friends.

I was trying to edit the drop-down menu and used the "mega navigation menu" element to create a menu like the Chic style of the Context theme.

Screen Shot 2020-09-16 at 10.41.08 AM.png


But it appeared as like this, I was hoping the collection names would be aligned vertically and not horizontally. Is there a way I could fix this?

Screen Shot 2020-09-14 at 9.04.27 PM.png



Thank you!

0 Likes
Highlighted

Hello ,
Please share your site url.
So that i can 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
Tourist
21 0 0

Hello! The site url is https://caro-wilson.myshopify.com and the password is "ciethu".

Thank you very much.

0 Likes
Highlighted

Hi

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

 

.z-5 ul.mega-navigation {
    display: inline-block;
    padding: 0;
    margin: 0px 0% 0 109px;
}
li.mega-navigation__list.mega-navigation__list--border {
    padding: 9px;
}
h4.mega-navigation__list-heading {
    margin: 0;
}

 

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
Tourist
21 0 0

Screen Shot 2020-09-18 at 10.18.48 AM.png

There's only index.css and no index.scss.liquid.

Should I add it here or add a new asses?

Thanks

0 Likes
Highlighted

yes

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
Tourist
21 0 0

Hi, it worked! But there's a spacing on the word "Talisman", and I didn't add space to it on the Navigation page. Is there a way to fix this please?

Also, I would like to add another column where it will display another set of options, like "Bracelet", "Earrings", etc.

Screen Shot 2020-09-22 at 1.32.06 PM.png

Screen Shot 2020-09-22 at 1.18.36 PM.png

Could you help me with this please?

Thank you!

0 Likes
Highlighted

Hi

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

li.mega-navigation__list {
    padding: 3px 0px 1px 10px;
}

 

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
1 Like
Highlighted
Tourist
21 0 0

Thank you

Can you help me with adding another column where it will display another set of options, like "Bracelet", "Earrings", etc.?

I appreciate it!

Screen Shot 2020-09-22 at 1.32.06 PM.pngScreen Shot 2020-09-22 at 1.18.36 PM.png

0 Likes