FROM CACHE - en_header

Debut theme - header not showing on mobile!

luxestorexx
Tourist
6 0 2

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

Replies 5 (5)
ZestardTech
Shopify Expert
3594 592 833

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

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
luxestorexx
Tourist
6 0 2

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

MS-WEB-DESIGNER
Shopify Partner
3012 181 489

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.
Click Here to Hire Shopify Store Customization Experts
Boost Conversions & Average Order Value with this
Best App for Sticky Add To Cart
Clara_Jin
New Member
1 0 0

Hi there, thank you for your post with the solution. I tried but it didn't work for me. First of all, I don't have "theme.scss.liquid" under Assets. I added theme. scss. liquid by clicking on "Add a new asset". Then I copied and pasted the code you mentioned above and I did hit save. Please advise. Thanks!

 

sacredluxe
New Member
2 0 3

MY HEADER IS NOT SHOWING UP EITHER. UNDER ASSETS I DO NOT HAVE ANYTHING THAT SAYS theme.scss.liquid. NOW WHAT?