Mobile Site Title: full width + difference effect.

[josehoudini]

Hey everyone,

Maybe I'm missing something on the css, but is there a way to make the title image (logo) full width on mobile and apply the"mix-blend-mode:difference" attribute? I cannot seem to make both things happen.

Here's the site:

https://www.gonzagaechegaray.tv/

[Richard]

Dear @josehoudini

You could use Custom CSS to adjust the Image but you must then make changes to fit your content as well:

.mobile-title img {
    height: auto !important;
    width: 100vw;
}

( Here you see it takes over the lower text ⬇️)

https://laytheme.com/documentation.html#custom-css-styling

---

Hope this points you in the right direction Jose and Good Luck! 🌝