Images on responsive menu

I used images for the menu items (adding images from "link type options" parameters) and I also used images for hover and focus attributes. "Add menu title" attribute is disabled.
Although, I woyld like in repsonsive menu (for tablets and mobiles) to show only the text of menu items and no the images.
So, I want images enabled in desktop view and text (menu title) enabled in tablet/mobile view.
Any ideas, please?

Hi

I'm not sure what you have in mind. Mobile menu is converted to a select list where using images is not possible, so this should not appear at all. Can you show me an example so i can learn something more about the problem ?

Hi

I'm afraid what You did kind of broke mobile layout. This will need some work to put it back on track. Please send me an access to joomla panel (I need to change menu settings to show text and images at the same time). And an access to ftp so I can make changes to css.

Hi

I cannot get into Your joomla admin panel. All I see it an error 500. Can You please check what can be wrong ?

It's ok now. Please check again!
Thank you very much!

Hi

I cannot get into Your joomla admin panel. All I see it an error 500. Can You please check what can be wrong ?

Hi

Sorry for late response, I got sick. I think I've solved the issue by enabling titles in menu and adding this code to override.css:

Code: Select all

@media only screen and (min-width:751px) {
.image-title { display: none; }
}

@media only screen and (max-width:750px) {
a.mega img { display: none; }
}