Debut theme - header not showing on mobile!

New Member
2 0 0


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 -


Thank you so much for any help!



Shopify Expert
1109 146 178

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 :-

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Shopify Apps URL :-
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
New Member
2 0 0

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?


Screen Shot 2021-01-19 at 22.33.48.png


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.
Best Regards
MS Web Designer| MS Web International | Task4Store
Contact Us: OR
Was our reply helpful? Please Like or Accept solution