Solved

Dropdown Menu - Dawn Theme - Not showing on Desktop

repcillin1
Tourist
6 0 0

Hello, I have just decided to include a dropdown menu on my main menu. The item is Skin Conditions and should show a dropdown with a list of items. This is working on mobile, but for some reason on Desktop it is blank, and not showing at all. Kindly help! Thanks so much! 
Website is: https://repcillin.com/

repcillin1_0-1692190083665.png

 

Accepted Solutions (3)

StudioEnchant
Shopify Partner
245 40 38

This is an accepted solution.

Hey, add the following code to the bottom of your base.css file.

.js details > .header__submenu {
    opacity: 100 !important;
}

 

If we helped you please Like this reply and Mark it as Solution! ❤️

Chat with us on WhatsApp


Click here to enjoy 3 months of Shopify for $1/month on select plans.

View solution in original post

Emirates7
Shopify Partner
214 50 40

This is an accepted solution.

Hi,

 

Open a file assets/base.css and add below code at the end of the file:

details[open] > .header__submenu {
opacity: 1 !important;
transform: none !important;
}

 

Regards,

Emirates7

View solution in original post

Emirates7
Shopify Partner
214 50 40

This is an accepted solution.

Hi,

 

Use below code:

details[open] > .header__submenu {
opacity: 1 !important;
transform: none !important;
min-width: 1px !important;
width: 220px !important;
max-widt: 220px !important;
}

 

Regards,

Emirates7

View solution in original post

Replies 5 (5)

StudioEnchant
Shopify Partner
245 40 38

This is an accepted solution.

Hey, add the following code to the bottom of your base.css file.

.js details > .header__submenu {
    opacity: 100 !important;
}

 

If we helped you please Like this reply and Mark it as Solution! ❤️

Chat with us on WhatsApp


Click here to enjoy 3 months of Shopify for $1/month on select plans.
repcillin1
Tourist
6 0 0

Thank you soo soo much! Fast reply. Amazing!
However, it is showing the full width of the screen, so not formatting quire correctly. Is there another line of code to add to fix this?

repcillin1_0-1692190817584.png

 

Thank you again, HUGELY APPRECIATED

Emirates7
Shopify Partner
214 50 40

This is an accepted solution.

Hi,

 

Open a file assets/base.css and add below code at the end of the file:

details[open] > .header__submenu {
opacity: 1 !important;
transform: none !important;
}

 

Regards,

Emirates7

repcillin1
Tourist
6 0 0

Thank you soo soo much! Fast reply. Amazing!
However, it is showing the full width of the screen, so not formatting quire correctly. Is there another line of code to add to fix this?

repcillin1_0-1692190817584.png

 

Thank you again, HUGELY APPRECIATED! ♥

Emirates7
Shopify Partner
214 50 40

This is an accepted solution.

Hi,

 

Use below code:

details[open] > .header__submenu {
opacity: 1 !important;
transform: none !important;
min-width: 1px !important;
width: 220px !important;
max-widt: 220px !important;
}

 

Regards,

Emirates7