HELP! Drop down menu is blank!

MelindaaJanee · ‎08-27-2024

Hi! I updated my website lately and used a new theme. My drop down menus all work perfectly on the pc/laptop but are showing as blank screens via mobile phone. How do I fix this!?

M.Evans

tim · ‎08-27-2024

Try this -- go to Customizer, select "Theme settings" in the left sidebar, then "Custom CSS" and paste this:

[open] > .menu-drawer__submenu {
  background-color:  rgba(var(--color-base-accent-2), 1);
}

If my post is helpful, hit the thumb up button -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com

View solution in original post

tim · ‎08-27-2024

Need to see your store to suggest anything (and preview password if storefront is password protected).

If my post is helpful, hit the thumb up button -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com

MelindaaJanee · ‎08-27-2024

https://jl9edq9kud12ono8-68539056343.shopifypreview.com

Here's a preview link! It's in the "dangles" drop down under earrings that's doing it 😞

Thanks!

M.Evans

tim · ‎08-27-2024

It's shown in white colour on white background.

Are there settings for this in Customizer?
What theme is this?

If my post is helpful, hit the thumb up button -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com

MelindaaJanee · ‎08-27-2024

It's not doing it for the other drop downs though. The theme is SweetThreads by BlogPixie

M.Evans

tim · ‎08-27-2024

It's only 3-level menues -- studs do the same. Let me see how to fix...

If my post is helpful, hit the thumb up button -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com

MelindaaJanee · ‎08-27-2024

Keyrings and where to find us are working fine though, that's what has me so confused. Thank you so much!

M.Evans

tim · ‎08-27-2024

Try this -- go to Customizer, select "Theme settings" in the left sidebar, then "Custom CSS" and paste this:

[open] > .menu-drawer__submenu {
  background-color:  rgba(var(--color-base-accent-2), 1);
}

If my post is helpful, hit the thumb up button -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com

tim · ‎08-27-2024

Do not edit theme code -- you will regret it later when updating to a new version.

If my post is helpful, hit the thumb up button -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com

MelindaaJanee · ‎08-27-2024

Thank you SO much! You're absolutely incredible. It worked!

M.Evans

BSS-TekLabs · ‎08-27-2024

- Here is the solution for you @MelindaaJanee
- Please follow these steps:

- Then find the theme.liquid file.
- Then add the following code at the before tag </head> and press 'Save' to save it.

<style>
.menu-drawer__menu-item {
    color: black !important;
}
</style>

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)

Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

MelindaaJanee · ‎08-27-2024

So add it BEFORE <head> ? Just want to make sure I do it right!

M.Evans

BSS-TekLabs · ‎08-27-2024

No. </head> not <head>

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)

Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

BSS-TekLabs · ‎08-27-2024

<style>
.menu-drawer__menu-item {
color: black !important;
}
</style>

</head>

Like this @MelindaaJanee

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)

Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

HELP! Drop down menu is blank!

HELP! Drop down menu is blank!

Community Blog Articles