How can I remove the gray background behind my logo?

Store Design
,
1

Hello,

I am having an issue on this page where there is a gray box behind my logo. I think it may be because of the Manifold plugin I am using which needs to stay on the page. I was trying to remove the gray box via CSS but I can’t figure out how. Seems like it has something to do with lazy loading, or something like that.

This is my site:

https://nicoleruggiero.shop/products/test-product

Please advise.

Thank you,

Nicole

1 Like
2

Hey @nicoleruggiero

Please follow below steps

Step 1: Go to Online Store → Theme → Edit code.
Step 2: Search file theme.css
Step 3: Paste the below code at bottom of the file → Save

#shopify-section-header #header .site-header__logo-image[data-image-loading-animation] {
	background: transparent !important;
}
1 Like
3

Hi @nicoleruggiero

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the theme.css file:
[data-image-loading-animation] {background-color: transparent !important;}

Regards,

San

1 Like