Forums

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
    Posts
  • #272491
    ariana
    Participant

    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:
    http://arianagillrie.com/

    #272492
    Beverleyh
    Participant

    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.

    #272498
    ariana
    Participant

    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)

    #272595
    ariana
    Participant

    Hey! I found the code section –

    https://codepen.io/anon/pen/wXqwBV

    #272611
    Pogany
    Participant

    Hi,
    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.

    https://codepen.io/giaco/pen/BVdddP

    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.