The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS CSS help for dropdown menu

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #272491

    Hey guys, I’m trying to work on my website and am a bit lost. I’m trying to get a cleaner look by having the dropdown menu closed by default. In an ideal world, I would have the bottom part (with contact info/about etc) open, but I’d be perfectly happy to have all the menu items be closed unless clicked on.

    Everything with the three dots is a menu item that can be open/closed. I’ve tried some code I googled but none has been working so far, so I’m hoping someone is able to help!

    My website is here:


    Can you transfer your menu HTML, CSS and JS into a minimal CodePen for us? It helps make things easier for us to look at and edit live in the browser. Note that we don’t need your whole codebase – we just need enough to demo the standalone menu functionality.


    It’s a virb website – I think the same as square space – so I can ‘add additional css’, but I can’t do developer access without loosing the automatic support of my theme – if that makes sense. There’s a coding box where I’ve been trying CSS (a screenshot might be easier – here)


    Hey! I found the code section –


    I’ve made a fork of your pen and also I’ve changed the HTML a little.
    If you want to see the checkboxes ( for debugging ) comment off the last lines of css.

    I hope you’ll find this useful.

Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘CSS’ is closed to new topics and replies.