Mobile thumbnails and menu
-
Hello there,
I currently have thumbnails on the homepage for a site I’m working on with the project titles set to ‘show on mouseover’ for the desktop version. The project titles are positioned below the thumbnails – aligned left. Is there a way to disable this on the mobile version / touchscreen devices so the project titles are always shown?
Also for the mobile menu, I’m using the desktop menu style which has a hover / mouseover effect with a colour change. Is there a way to disable this effect on the mobile version menu? Basically, I want this hover mouseover effect on the desktop menu but not on the mobile menu / touchscreen devices.
I’ve tried to resolve both of these, but have had no luck! Hope someone can help.
Thanks very much,
Des
-
Dear @Des
can you post a link to your website?Best!
Marius
-
Dear @mariusjopen
Yes I can, the site is currently password protected, could I email you the details?
Thanks for the reply,
Des
-
Dear @Des
Best is if you write an email to marius@thepeople.world and include your username, password and a link to this conversation.Marius
-
Dear @Des
to question number 1:
Add this to your CUSTOM CSS MOBILE code:
.title { opacity: 1 !IMPORTANT; }
Question 2:
Add this to your CUSTOM CSS MOBILE code:
.laynav a:hover { color: inherit !IMPORTANT; }
I hope I could help!
:-D
Best!
MArius
-
Thank you for this @mariusjopen – it worked perfectly!
-
Great! Happy to hear!
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. Now see if your problem solved itself
5. 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