Have your say in Community Polls: What was/is your greatest motivation to start your own business?
Our Partner & Developer boards on the community are moving to a brand new home: the .dev community forums! While you can still access past discussions here, for all your future app and storefront building questions, head over to the new forums.

Mobile Transparent Logo

Mobile Transparent Logo

sairacokinos
Visitor
2 0 1

I am trying to make the logo background transparent on mobile on the "Adorn" theme but it seems like i will have to tweak the code to make thss happen. 

The logo background is transparent on computers and ipads, tablets but not for mobile devices. 

https://exceptionally-yours.com/ is the website URL please help me!

Replies 3 (3)

Dan-From-Ryviu
Shopify Partner
10251 2036 2106

Hi @sairacokinos

I have tried to check on my mobile and see your logo background is transparent. Did you try to flush browser cache of you mobile device and check again?

- Helpful? Like and Accept solution! Or Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

sairacokinos
Visitor
2 0 1

hi, for me on my iphone its not trasnparent. Could you show me what you see on mobile if possible? also when i go to the link via instagram promotions it also is not transparent then. But on my friends page which is here https://clothandwoolshop.com/  the logo is transparent for mobile and instagram and goes down with the page as you scroll. is it possible to do something like this? 

Michael_Pink
Shopify Partner
450 77 107

Hi @sairacokinos 
In this case you can try to add this code into the bottom of the file theme--critical.css

.header--mobile {
position: absolute;
background: transparent;
top: 0;
left: 0;
}

 

My life is sharing!
I hope my solution can help you save at least 1$
Build Page faster with: PageFly PageBuilder App.

shopify.expert.team@gmail.com