Customization to add arrow to collapse menu

  • Unknown's avatar

    Hi,

    I’m trying to add an arrow facing up to a dropdown menu, after it’s been toggled. Here is the HTML I’m looking at when I inspect the element I’m trying to modify. You’ll see I was able to add a grey rounded box to the .dropdown-toggle class but that only appears when aria-expanded=”false”.

    <button class=”dropdown-toggle toggled” aria-expanded=”true”>

    I’m not sure how to call this class in CSS to specify the “aria-expanded” state that I’m trying to work with. Here is a link to my site (the menu item I’m trying to modify is “Work”): corydawsonmedia.com.

    Any and all suggestions are appreciated.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    Hi there,

    The URL provided by you seems self-hosted WordPress site. This forum provides assistance to the only site hosted on WordPress.com.

    You would get help at the below forum:

    https://wordpress.org/support/

    Further to know more about the differences between WordPress.com and WordPress.org you can read this document:

    https://en.support.wordpress.com/com-vs-org/

  • The topic ‘Customization to add arrow to collapse menu’ is closed to new replies.