June 11, 2018 at 9:19 am #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:
http://arianagillrie.com/June 11, 2018 at 10:22 am #272492
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 #272498
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 #272595June 14, 2018 at 6:02 am #272611
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.
You must be logged in to reply to this topic.