THEME DROPDOWN CUSTOMISATION

[Thaleef]

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

[Shadab_dev · 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
}

[Shadab_dev]

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

[Thaleef]

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

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

[Thaleef]

Help for this

[Shadab_dev]

@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??

[Thaleef]

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 · 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
}

[Thaleef · Accepted solution]

This is not working

[Thaleef]

Thank you its working

[Thaleef]

Redue height of header 

 impulse latest theme

[Shadab_dev]

@Thaleef will see to it and update you.

[Shadab_dev]

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

Thanks

[Shadab_dev]

@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