How to change Dropdown Menu Arrow Color? (Mobile/Tablet)

  • Resolved nlackey

    (@nlackey)


    1 year, 8 months ago

    Hey all,

    I am unable to change the color of the dropdown arrow on the Off-Canvas Menu. On the Primary Menu, it is grouped with the ”Normal” Link color whereas it seems to be separate on the Off-Canvas menu and I can’t find an option to change it. I would like it to be white.

    Please see this image: HERE

    Thanks for any assistance you can offer me with this.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter nlackey

    (@nlackey)

    Managed to solve this by myself. I used SiteOrigin CSS which is an easy tool for people without the proper knowledge and those who are afraid they will mess things up. Clicking on the ”Eye” symbol opens the ”Visual Editor” which allows you to easily find the element you want to edit.

    I couldn’t edit the mobile layout specifically but clicked the arrow and set the color to white, even though it was already showing white on the desktop layout. I then saved the CSS and was surprised to see that it worked.

    This is the CSS code it generated:

    .ast-arrow-svg {

    color: #ffffff;

    }

    Hi @nlackey,

    Good to know that you have found a workaround and share it with us.

    Anyway, I don’t need any custom CSS to give the arrow icon color as it inherits from the Menu Color. Refer to this screenshot, please.

    Kind regards,
    Herman ??

    Thread Starter nlackey

    (@nlackey)

    Hi Herman,

    Thank you for your response. Unfortunately, it does not inherit from the Menu Color for me. It does for the desktop version but does not for the mobile/tablet version.

    Please see this screenshot.

    Not sure why it doesn’t work on your end. I guess you will need the custom CSS you already have as a workaround. It won’t hurt your site, though…

    Kind regards,
    Herman ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to change Dropdown Menu Arrow Color? (Mobile/Tablet)’ is closed to new replies.