Solved

how to make header transparent in testment theme

AhmedFathy12
Shopify Partner
46 1 4

how to make header transparent in testment theme?
like this in the mobile view ?

AhmedFathy12_0-1709171370371.png

 

Accepted Solutions (2)
Dan-From-Ryviu
Shopify Partner
7549 1459 1455

This is an accepted solution.

Did you change the background of the mobile menu to white? It was transparent before

Please update code 

{% if template == 'index' %}
<style>
@media (max-width: 749px) {
.content-wrapper { margin-top: -52px; }
.mobile__header {
background-color: transparent !important;
}
}
</style>
{% endif %}

- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

View solution in original post

AhmedFathy12
Shopify Partner
46 1 4

This is an accepted solution.

thank you you are the best 

View solution in original post

Replies 15 (15)

Dan-From-Ryviu
Shopify Partner
7549 1459 1455

Hi @AhmedFathy12 

I'm Dan from Ryviu: Product Reviews & QA. 

Please share your store URL so I can give you the code.

 

Best Regards,

Dan

- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

Dan-From-Ryviu
Shopify Partner
7549 1459 1455

So you want like that just on mobile view, not for desktop?

 

- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

AhmedFathy12
Shopify Partner
46 1 4

yes 

 

Dan-From-Ryviu
Shopify Partner
7549 1459 1455

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

{% if template == 'index' %}
<style>
@media (max-width: 749px) {
.content-wrapper { margin-top: -52px; }
}
</style>
{% endif %}

- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

AhmedFathy12
Shopify Partner
46 1 4

AhmedFathy12_0-1709172896174.png

why it looks like THAT 

AhmedFathy12_1-1709172964552.png

and that !



Dan-From-Ryviu
Shopify Partner
7549 1459 1455

When you try to scroll up after it has already reached the very top of your page? That is the function of mobile devices.

 

- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

Dan-From-Ryviu
Shopify Partner
7549 1459 1455

Ahh, I see you are using the responsive screen to check, so you got the issue. 

- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

AhmedFathy12
Shopify Partner
46 1 4

AhmedFathy12_0-1709173678861.png

something happend again why this ?

 

AhmedFathy12
Shopify Partner
46 1 4

i have send you not the defult now here is the defult and this is the last eddit 

Dan-From-Ryviu
Shopify Partner
7549 1459 1455

This is an accepted solution.

Did you change the background of the mobile menu to white? It was transparent before

Please update code 

{% if template == 'index' %}
<style>
@media (max-width: 749px) {
.content-wrapper { margin-top: -52px; }
.mobile__header {
background-color: transparent !important;
}
}
</style>
{% endif %}

- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

AhmedFathy12
Shopify Partner
46 1 4

This is an accepted solution.

thank you you are the best 

Dan-From-Ryviu
Shopify Partner
7549 1459 1455

Happy I could help! 

Best Regards,

Dan from Ryviu

- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

denis0511
Visitor
2 0 0

I have the same problem with the ELLA theme, I can't leave it like the model presented here