regarding the header-logo problem

mayank96basu
New Member
3 0 0

i am using the vendy theme, where i am facing the problem with the inverted logo while scrolling. i inserted the logo which is to be appeared under the retina logo and the white logo which is to be inserted in inverted logo which is to be used during the scrolls, but it shows the inverted's logo i.e. white logo during running home page. please suggest me any solution regarding this

Replies 5 (5)
timkuts
Shopify Partner
22 5 12

Please send the link to your store

KAD::Systems - Developing apps and customizing stores 
https://apps.shopify.com/partners/kadsystem
  support@kad.systems
mayank96basu
New Member
3 0 0

saibolifestyle.com

timkuts
Shopify Partner
22 5 12

The easiest solution I can suggest is to add to the CSS code:

 

 

 

.megamenu_stuck .img-fluid{
    filter: brightness(0) invert(1);
}

 

Is that okay? 

 
 
KAD::Systems - Developing apps and customizing stores 
https://apps.shopify.com/partners/kadsystem
  support@kad.systems
mayank96basu
New Member
3 0 0

it didn't work. i want the inverted image to be displayed only after scrolling but it displays itself as an initial. for the further convenience i have attached query.docx file underneath.

timkuts
Shopify Partner
22 5 12

I see you found a solution by painting the header white. Is the problem you mentioned in the thread still relevant to you?

KAD::Systems - Developing apps and customizing stores 
https://apps.shopify.com/partners/kadsystem
  support@kad.systems