Debut theme - header not showing on mobile!

[luxestorexx]

Hello,

I really hope someone can please help with this! I'm just building my store, and it looks okay on the web browser but mobile, you cannot see the header at the top at all. I have tried to search for solutions to this and tried but nothing has worked. My store is - www.luxe-store.co.uk

Thank you so much for any help!

Sarah

[Pallavi]

Hello There,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss.liquid->paste below code in the bottom of the file

@_media screen and (max-width:767px) {
.header-bar a, .header-bar button {
color: #f7c036!important;
}
}

Screenshot :- https://prnt.sc/x7a83q

[luxestorexx]

Thank you very much for the help! I tried that, but it didn't work fully

Is it possible to make the menu the same as it appears on the web browser?

[MS-WEB-DESIGNER]

Dear @luxestorexx 

Hope the following suggestion will help you.

• From your Shopify admin, go to Online Store > themes.
• Locate your current theme and then click Actions > Edit code.
• After that in the Assets folder, click to open your theme.scss.liquid file.
• Go to the very bottom of this file and paste the following code:

/* Start */
@media only screen and (max-width: 768px) { 
.medium-down--hide { display: block !important; }
}
/* End*/

• Ensure that the code was copied exactly from this guide and pasted correctly, making sure no characters or symbols are missing.
• Save and check your theme by refreshing it.