Why does my homepage image appear darker on desktop compared to mobile?

Jeff1337
Tourist
33 0 3

Hello, i am on the refresh theme building a acceptable home page but for some reason when i change the banner and everything else to a specific colour, then make the home page image that colour to it for some reason comes out in a darker colour then the one it originally is. You can see this on Lashify.se on desktop only because weirdly it is the way it should on mobile only.

i need help with my store, type shit, type beat
Replies 3 (3)

rishi1897
Shopify Partner
53 3 5

Not sure where the css for this is located in your theme, still you can try this:

 

add this into your image_banner.liquid (or something named like this in code > sections)

 

rishi1897_0-1686463881712.png

 

 

<style>

.banner__media::after {

      opacity: 0 !important;

}

</style>

Jeff1337
Tourist
33 0 3

added that into the bottom of the page you mentioned and its still the same, betting on that it is something with refresh theme only that needs to be done

i need help with my store, type shit, type beat
rishi1897
Shopify Partner
53 3 5

Add it on the top.

If <style> tag is already there add inside it.

If it works, mark this as a solution else I will need access to your theme code to check it properly and fix it.