Mobile Friendly Website


Doing it with style

Responsive Droplist Menu COMMENTS

Welcome to my Comments Pages

Please note. I get a few hundred emails a week from visitors asking for help, or posing questions on how to modify my demos to suit their application and I read them all. Unfortunately I only have a limited amount of time to spend answering these questions.

So if I do not reply, please do not be offended, and if I do reply then you are one of the lucky ones.

If you are asking for permission to use any of my demonstration then please email me with your request stu{at}

Post a comment

Current posts

Hi Stu,
I am trying out this demo and have just one problem. At resolution of 1024 the menu breaks, while their is space enough at the right side of the menu?
I just can't find the css how to change this behaviour? (comment_id=Responsive Droplist Menu)
See our test website at

Thanks in advance in case i am a lucky one (the one who gets an answer:))
(26.05.2013, 12:06)

Just change the media query max-width to match the width when you want the menu to change:
@media only screen and (max-width:1024px) {
(01.06.2013, 12:35)

Great looking menu. Can't get it to work on the ipad though. Using iOS7 and safari. The demo works, but the version (with very few tweaks) does not.

Website is at
(07.12.2013, 21:15)

Did you sort out your issue. I am having a similar issue with iPhones/iPads using WordPress which I note you are using. Works well in everything else. Website is
(20.01.2014, 08:00)

I do not have any issues with this menu. It works in all the latest devices and browsers.
Also I am not using WordPress.
CSS play is all hand coded using EditPlus.
(20.01.2014, 10:23)

Note that this odes need an outer page wrapper with onclick="" so that it monitors the iPad/iPhone taps.
I have used <section onclick="">
(20.01.2014, 10:25)

On the iPad and iPhone the menu is displayed vertically, while on the normal desktop it is horizontal.

How can I display it horizontally as well on the iPad and iPhone?
(26.03.2014, 12:07)

I am trying this menu again, looks great case of more then one column for the submenu, it equally divedes the links over the column. This breaks the grouped links, dividing them over 2 columns,instead of keeping them together?
Is there a way to keep every <dt>name</dt> en a group of <dd>link</dd> in the same column,not divided over 2 columns?

Thanks in advance for any answer.
(03.01.2015, 20:02)


Your comment:

Your Name:

Stu's First Name - 3 letters (required)

Thanks to Alex for this script.

Please enter your comments for this site page.
Please note that all posts are moderated.

Posting rules

HTML is turned off
Maximum word length is 80 characters.
Messages limited to 1200 characters.
Web links should not include 'http://'


Your donations keep CSS PLAY running.
If your donation is for the use of a demo then please email me with the demo url after making your donation.


Facebook Twitter rss feed Facebook Fan Page