THEME DROPDOWN CUSTOMISATION

Solved

THEME DROPDOWN CUSTOMISATION

Thaleef
Tourist
8 1 0

I need this dropdown menu scrollable and lower menu should be arranged to right and width of drawer should me half of small

Accepted Solutions (2)
Shadab_dev
Shopify Partner
159 5 18

This is an accepted solution.

@Thaleef kind of done. Had to do this on chrome developer tools as i am on development store and to try it on your store i will need acess. You can add this to your base.css file. It could be some other file but i am unable to open it since i am on free trial and it does not let me edit code. Anyways this is the code.

.site-nav__dropdown .megamenu{
min-width: 50%;
left: 10%;
height: 500px; // In order to have the scrolling feature you have to set a height on megamenu. You can change it as per your liking.
overflow-y: scroll;
}

.site-nav__dropdown .megamenu .grid{
text-align: left; // i believe you can change this from the customizer, but this will work
}

If this is helpful, please Like and Accept the solution.
Buy me Coffee, if you feel i was helpful. Definitely a motivation to carry out gutting solutions. Need help with shopify liquid or any project in web dev- Feel free to Email Me

Thanks

View solution in original post

Thaleef
Tourist
8 1 0

This is an accepted solution.

This is not working

View solution in original post

Replies 12 (12)

Shadab_dev
Shopify Partner
159 5 18

@Thaleef You should send your store link and other info like theme and its version so that its easier to help you. Thanks

If this is helpful, please Like and Accept the solution.
Buy me Coffee, if you feel i was helpful. Definitely a motivation to carry out gutting solutions. Need help with shopify liquid or any project in web dev- Feel free to Email Me

Thanks
Thaleef
Tourist
8 1 0

https://8lneyri0r7b3fu0z-88213389634.shopifypreview.com

here is the store link and the theme is latest version of impulse

Thaleef
Tourist
8 1 0

Help for this

Shadab_dev
Shopify Partner
159 5 18

@Thaleef Hey iam on it. Thank you for the details. Just some confirmation. you dont need the width of megamenu to be less but the drawer which opens from the side when you add to cart. ri8??

If this is helpful, please Like and Accept the solution.
Buy me Coffee, if you feel i was helpful. Definitely a motivation to carry out gutting solutions. Need help with shopify liquid or any project in web dev- Feel free to Email Me

Thanks
Thaleef
Tourist
8 1 0

I want mega menu low width low and the submenu in the second line is not aligned properly, i need that to be left and if it’s long, i need a slider

Shadab_dev
Shopify Partner
159 5 18

This is an accepted solution.

@Thaleef kind of done. Had to do this on chrome developer tools as i am on development store and to try it on your store i will need acess. You can add this to your base.css file. It could be some other file but i am unable to open it since i am on free trial and it does not let me edit code. Anyways this is the code.

.site-nav__dropdown .megamenu{
min-width: 50%;
left: 10%;
height: 500px; // In order to have the scrolling feature you have to set a height on megamenu. You can change it as per your liking.
overflow-y: scroll;
}

.site-nav__dropdown .megamenu .grid{
text-align: left; // i believe you can change this from the customizer, but this will work
}

If this is helpful, please Like and Accept the solution.
Buy me Coffee, if you feel i was helpful. Definitely a motivation to carry out gutting solutions. Need help with shopify liquid or any project in web dev- Feel free to Email Me

Thanks
Thaleef
Tourist
8 1 0

This is an accepted solution.

This is not working

Thaleef
Tourist
8 1 0

Thank you its working

Thaleef
Tourist
8 1 0

Redue height of header 

Screenshot 2024-06-26 145652.png

 impulse latest theme

Shadab_dev
Shopify Partner
159 5 18

@Thaleef will see to it and update you.

If this is helpful, please Like and Accept the solution.
Buy me Coffee, if you feel i was helpful. Definitely a motivation to carry out gutting solutions. Need help with shopify liquid or any project in web dev- Feel free to Email Me

Thanks
Shadab_dev
Shopify Partner
159 5 18

hey @Thaleef I will need your store link to help you with this since the previous link expired.

Thanks

If this is helpful, please Like and Accept the solution.
Buy me Coffee, if you feel i was helpful. Definitely a motivation to carry out gutting solutions. Need help with shopify liquid or any project in web dev- Feel free to Email Me

Thanks
Shadab_dev
Shopify Partner
159 5 18

@Thaleef feels great that it worked for you. If you believe it was helpful for you please mark that answer as a solution and like it 

 

Thanks

If this is helpful, please Like and Accept the solution.
Buy me Coffee, if you feel i was helpful. Definitely a motivation to carry out gutting solutions. Need help with shopify liquid or any project in web dev- Feel free to Email Me

Thanks