Mobile Site Title: full width + difference effect.
-
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:
-
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 ⬇️)
Hope this points you in the right direction Jose and Good Luck! 🌝
I don't answer or check forum DMs, please just post on the forum.
Before you post:
Use the Search Feature. Maybe there is already a solution to your issue.
1. Update Lay Theme and all Lay Theme Addons
2. Disable all Plugins
3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
4. When using a WordPress Cache plugin, disable it or clear your cache.
Now see if your problem solved itself.
Go here, see if your problem is listed here:
Troubleshooting
When you post:
1. Post a link to where the problem is
2. If the problem is difficult to explain, post screenshots / link to a video to explain it