Hello,

I was wondering how to use a graphical menu with Omega 3 while keeping the repsonsive design intact.

Let´s say instead of a menu with six text items there should be six images in two rows at high-res, six images in three rows in mid-res and six images in six rows when in mobile mode... of course still configurable via the admin interface.

Any best practice hints are appreciated. Thanks!

Comments

verr’s picture

verr commented

... I've got a quite similiar issue to solve here. Anyone?

cellar door’s picture

cellar door commented

Let me see if I can get this right, you want a different image behind the items that are in their respective rows? Could you put a background image on each li that will be seamless when put side by side but when stacked makes a distinction between the rows? I don't know if this is what you're getting towards or the design you have in mind. What I normally do is either put a background image for the whole menu area and then separate ones for the li items. It means each item would be similar so your rows won't look different but see if you can do it less images and more CSS the better (css3 gradients and borders)