I want to change the width of the dropdown menu so that it is full screen. I don’t want any apps, i don’t mind coding it myself i need someone to help me in the right direction of what to do.
I was messing about with the:
.site-nav__childlist-grid
in themes.css.liquid, and that seem to change the dropdown but i could not seem how to get it full width, their was always a left margin. Any responses will be extremely helpful.
Hello @AlfieHayward ,
Can you please share your store url
Thanks @oscprofessional for getting back to me!
The website url is: https://third-aura.myshopify.com/ the password is ‘36477’.
The website is sill a work in progress, the drop own i’m on about is the the ‘shop by’ dropdown in the main menu.
Add this css at the end of file
Online Store-> Themes → Edit code->Assets->theme.scss.liquid
nav .site-nav {
position: static;
}
div#SiteNavLabel-shop-by {
top: 81px!important;
}
That worked perfect. Thanks so much!
This can be done for other themes than just Debut too. Just sing out and I’ll have a look at your particular store if you need a hand.
@thecove ,
Share URL please.
https://thecovecollection.com/?_ab=0&_fd=0&_sc=1
site is not live, working on draft version!
Hi @thecove ,
Sorry for the delay !
I think now your issue issue is resolved now!
Ask further query here!
