Forums

Give help. Get help.

  • # June 11, 2018 at 9:19 am

    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/

    # June 11, 2018 at 10:22 am

    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.

    # June 11, 2018 at 11:25 am

    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)

    # June 13, 2018 at 7:27 pm

    Hey! I found the code section –

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

    # June 14, 2018 at 6:02 am

    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.

    I hope you’ll find this useful.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag