apply the same style as in the header logo desktop to mobile version

Solved
Highlighted
Explorer
70 1 10

Hi all,

in my website desktop version I have applied some opacity in the header. I would like to do the same in the mobile version. Anyone knows how to do it? Thank you in advance. Website: alblancatelier.com

1 Like
Highlighted
Shopify Partner
6236 909 2116

@noemi2 

Thanks for post

i have updated code, please check.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Shopify Staff
Shopify Staff
300 26 41

Hey, @noemi2!

Ash here from the Shopify team.

I'm happy to help out with this request! It's hard to say exactly what the solution will be without some further information or taking a closer look. Taking a look at your site now, it appears that there is 100% opacity on the header until it is clicked, then the black bar appears. When I view the site on mobile, the same appears to be true. I'd love to see some screenshots showing the opacity you're referring to on the desktop header vs what you currently see on mobile. Also, could you please tell me what theme you're currently using? 

Looking forward to hearing back so we can take a closer look together!

Ash | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes
Highlighted
Explorer
70 1 10

Hi @Ash thank you for your time. I am using Prestige theme.

 

What I would like is to apply the same opacity visible in the desktop version (screenshoot under this lines) into mobile. As you said, once you click or make scroll in mobile the header become white. Is in this moment where I want to apply the opacity.

Captura de pantalla 2020-07-06 a las 23.07.19.png

 

0 Likes
Highlighted
Explorer
70 1 10

Hi @KetanKumar thank you in advance for your help. But it doesn't work, here a screenshot:

IMG_7878.PNG

0 Likes
Highlighted
Shopify Partner
6236 909 2116

This is an accepted solution.

@noemi2 

i have check my code revert but i have again update can you please check.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Explorer
70 1 10

Thank you very much! It worksss!!

0 Likes
Highlighted
Shopify Partner
6236 909 2116

@noemi2 

Thanks for your compliments 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like