Change Dropdown Width, Debut Theme?

Solved
Highlighted
Tourist
15 0 1

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.

 

 

 

0 Likes
Highlighted

Hello @AlfieHayward,

Can you please share your store url

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

@oscprofessional wrote:

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.

0 Likes
Highlighted

This is an accepted solution.

@AlfieHayward,

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;
}
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
15 0 1

That worked perfect. Thanks so much!

0 Likes
Highlighted
Shopify Partner
72 12 34

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.

:)

Dan from GC Web Team | Shopify Partner
If this was helpful then please Like and let me know!
If this answered your question click Accept as Solution
Want to modify or make custom changes on your store? I'm available for hire!
Website: GCWebteam.com
0 Likes
Highlighted
New Member
1 0 0

I have used this code for my website but now it is showing on the bottom of the website too, any ideas how to remove it?Screenshot 2020-10-25 at 13.50.21.png

0 Likes