TRANSPARENT HEADER ON MY SHOP ON MOBILE

Hey i would like to have the transparent header on my mobile view in the same way it’s transparent on the web, would you think i can touch my theme code to allowed it please ?

https://edibpe-sw.myshopify.com/?_ab=0&_fd=0&_sc=1

(website not published yet (code : kingaaliya))

Hello @AA226 !

Unless the license for the theme expressly forbids alterations, you should be able to. The safest way to do that would be to copy the class (css) that does the header on mobile and make alterations on just the transparency part. The reason I say this is because styles get flipped on and off by the js code and the js code is triggered arbitrarily as the user does things on the site.

Normally you’d have to give a developer (like myself or any other who you use) limited access just to modify the theme (they’d copy the theme, modify that, and if you like it, you can push it to the main theme of your store)

If you have the time and would like to learn how to, it would actually benefit you to copy the theme in your store and try editing the functionality a bit. The hard part is usually finding which file your area of interest is. The easiest way to do this is to download the theme, and use a note editor that can search multiple files at once to find text similar to what you’re looking for. (sublime or vscode are good editors for this)

Hello,

First Thank you so much for your complete answer,

But I’m not really into informatics, but i would love you to edit the copy of the theme if you can edit the code for the header to be transparent on mobile too please :slightly_smiling_face: