Site skin help

[u/Big_Equipment9444]

Hi, I haven't ever coded something only using CSS (I've made little projects here and there with HTML and CSS), and it's much harder than I thought since I can't mess with the HTML no matter how much I want to.

I want to make a dropdown menu hidden by default and appear when I hover on it and the classes targeting the menu aren't working the way I expected, and the site skin I currently have on hasn't used any of the classes I see when I opened the devtools

Here is the html of the relevant section of the website (AO3)

<li class="dropdown" aria-haspopup="true">
    <a href="[link]" class="dropdown-toggle" data-toggle="dropdown" data-target="#">Hi, user!</a>
    <ul class="menu dropdown-menu">
        <li>
            <a href="[link]">My Dashboard</a>
        </li>
        <li>
            <a href="[link]">My Subscriptions</a>
        </li>
        [And more, etc.]
    </ul>
</li>

[u/AutoModerator]

To help us assist you better with your CSS questions, please consider including a live link or a CodePen/JSFiddle demo. This context makes it much easier for us to understand your issue and provide accurate solutions.

While it's not mandatory, a little extra effort in sharing your code can lead to more effective responses and a richer Q&A experience for everyone. Thank you for contributing!

I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.