Dropdown Menu - Dawn Theme - Not showing on Desktop

[repcillin1]

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/

[StudioEnchant · Accepted solution]

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

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

[Markit-Themes · 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

[StudioEnchant · Accepted solution]

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

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

[repcillin1]

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?

Thank you again, HUGELY APPRECIATED

[Markit-Themes · 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]

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?

Thank you again, HUGELY APPRECIATED! ♥

[Markit-Themes · 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