Remove transparent header on mobile: minimog theme

Store Design
, , ,

Topic summary

A user needed help removing the transparent/sticky header on mobile devices only for their Minimog theme Shopify store.

Solution Provided:

  • Add custom CSS code to the theme.liquid file, specifically after the <head> tag
  • Access via: Online Store > Themes > Edit code
  • The code targets mobile viewports to hide or modify the transparent header behavior

Outcome:

  • The solution was successfully implemented and confirmed working by the original poster
  • Issue resolved
Summarized with AI on November 5. AI used: claude-sonnet-4-5-20250929.
1

Please i need help removing the transparent/sticky header on mobile only

Screenshot 2024-10-10 at 10.32.13 PM.png
Screenshot 2024-10-10 at 10.32.13 PM.png616×676 220 KB

1 Like
2

I am here. Heres the link https://oriental-perfum.myshopify.com/

and the passwprd is sasa

1 Like
3

What do you need that for?

1 Like
4

Just that no one has asked me for that before

5

Hi @Ked

Please add this code to theme.liquid file, after in Online Store > Themes > Edit code

Screenshot 2024-10-11 at 10.11.28.png
Screenshot 2024-10-11 at 10.11.28.png950×1042 167 KB

1 Like
6

Thanks so much. It works

1 Like
7

Very welcome. Nice day!

1 Like