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!