- This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
Viewing 5 posts - 1 through 5 (of 5 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
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/
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 –
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.