Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Oct 2010
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    CSS clickable only dropline menu that also works on ipad and mobile

    I have been asked to create a clickable only ( no hover ) dropline menu, that will work on mobile devices and ipads.

    I have the clickable only dropline working, but I cannot get it to work on ipad, kindle or mobile devices.

    Is there a way to do this using CSS only or do I have to use some form of jquery. I have not been able to find a way to do this, for clickable only menus.

    I looked thru stu nichols site, which is where I got the code for the clickable only dropline menu, but I cannot find further information on making it mobile friendly.

  2. #2
    Regular Coder
    Join Date
    Jul 2012
    Location
    London
    Posts
    473
    Thanks
    4
    Thanked 86 Times in 86 Posts
    hi.

    I have created one ages ago. It's still a little broken.. But it WORKS!!

    http://dev.tempz.webatu.com/mobile-menu/ - You can only view it using a iPhone or iPad

    If you click above "Mobile" there is a button, the image is broken I think. The button is in the blue header on the left hand side.


  3. #3
    New to the CF scene
    Join Date
    Oct 2010
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    more info...

    Sorry, I left out a few words in my post. The website needs to work on laptops and pcs, also additionally on ipads and mobile devices. Here is the current test site:

    http://test.ascglobal.com/website1/index.html

    I did not design it, I am just trying to get it to work the way they want it too.

    I had it setup and working on all forms of devices using hover, but they requested to have it switched to click only.
    thanks again, any information would be greatly appreciated.


 

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •