Remove Lines in Supply Theme Mobile Dropdown Navigation

Solved
Highlighted
Tourist
12 0 1

Hi All,

May anyone know how to remove the vertical and horizontal lines in Supply Theme mobile dropdown menu?

Joseph_Lo_0-1595922959955.png

Thank you.

 

0 Likes
Highlighted

This is an accepted solution.

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

 

@media only screen and(max-width:768px){
nav#navBar li {
    border-bottom: none;
}
button.icon.icon-arrow-down.mobile-nav--button {
    border-left: none;
}
}

 

 

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
12 0 1

Hi @oscprofessional 

Appreciated and thank you very much for the help.

The coding works brilliantly to remove the lines.

Joseph_Lo_0-1595927358205.png

But after expand from to the sub-menu, the lines are in there. 

Joseph_Lo_1-1595927434717.png

Would you advise for this as well?

Thank you.

 

0 Likes
Highlighted

This is an accepted solution.

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

 

@media only screen and(max-width:768px){
ul#MenuParent-3 li {
    border-top: none;
}
ul#MenuParent-5 li {
    border-top: none;
}
}

 

 

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
12 0 1

Hi @oscprofessional 

 

Thank you very much. It works perfectly!

 

0 Likes
Highlighted
New Member
2 0 0

Hello! 

I am having the same troubles as Joseph. However, I want to keep the horizontal lines and remove the vertical ones. 

Website is in 'Live Theme.' Would appreciate the help! 

0 Likes
Highlighted

Hello nhakhanh,
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
New Member
2 0 0

Site url is https://nhakhanh.com/

It's for the mobile menu and trying to remove the vertical lines right next to the arrows as well as hopefully also removing the logo in the mobile menu.

Thank you!

0 Likes
Highlighted

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

@media only screen and(max-width:768px){
.mm-listview .mm-next:before {
    border-left: none;
}
}
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