I have an invisible header side menu white [ShaniSwim_0-1724835017452.png] but when I scroll down and the header become black for the website also the side menu become black and impossible to see the content. [ShaniSwim_1-1724835073765.png] Is there anyway to fix it please?

You can add code by following these steps Go to Online Store → Theme → Edit code. Open your theme.liquid file Paste the below code before on theme.liquid header.header.scrolled-past-header .header__menu-item.list-menu__item { color: #fff !important; } [niraj_patel_0-1724836351583.png…

Sure- here is the link: https://036fa1-f4.myshopify.com/

Hi @Shani-Swim Go to Shopify Admin → Online Store ->Theme → Edit code->base.css Add this css code in the end of the base.css file. .scrolled-past-header .header__submenu .header__menu-item { color: #fff !important; } [oscprofessional_0-1724835968488.png] [oscprofessional_2-1724836003943.p…

Hi @Shani-Swim , Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code Step 2: Search file theme.liquid Step 3: Insert this code above tag: {% if template.name == 'index' %} {% endif %} Here is result: [BSSCommerceHDL_0-1724836169232.png] Hope this can help you, If our sugges…

Thank you dear, is solve the problem.

The first solution worked for me but thank you for the fast answer.

it work but on mobile it did not change so we still see black.

Hi Niraj it worked on desktop but not on mobile. How do I apply it also on mobile please?

Hi @Shani-Swim , Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code Step 2: Search file theme.liquid Step 3: Insert this code above tag: {% if template.name == 'index' %} {% endif %} Here is result: [BSSCommerceHDL_0-1724837393019.png] Hope this can help you, If our sugges…

Go to Online Store → Theme → Edit code. Open your theme.liquid file Paste the below code before on theme.liquid .menu-drawer__inner-container ul.menu-drawer__menu.list-menu li a, .menu-drawer summary.menu-drawer__menu-item, button.disclosure__button.localization-form__select.localizatio…

Invisible header side menu

Store Design

topnewyork August 28, 2024, 8:54am 2

Hi @Shani-Swim , can you kindly share your store URL.

Thanks!

Topic		Replies	Views
Transparent Heder and Menu - Fresh Theme Store Design header	5	36	May 10, 2024
Header Store Design header	8	85	October 10, 2024
How can I make my website header stay transparent when scrolling? Store Design design , header , customizations , css	34	173	November 8, 2023
invert effect on header Store Design liquid , design , css	15	97	June 5, 2025
Invisible Header Dawn Theme Shopify Discussion shop-performance	2	61	February 6, 2025

Invisible header side menu

Related topics