Make dropdown prompt more obvious on mobile

  • Resolved nylarosie

    (@nylarosie)


    3 months, 1 week ago

    I love astra but the mobile menu downward arrow is very missable so people might not realise there’s a dropdown. Is there a way of making it more obvious e.g. bigger and next to menu item rather than at the end (or another way)? Thank you.

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter nylarosie

    (@nylarosie)

    any ideas please?

    Hi @nylarosie,

    Please try adding the following CSS code to your site

    .ast-header-break-point .main-header-bar-navigation .menu-item-has-children>.ast-menu-toggle {
    font-size: 1.8em;
}

    I hope it will help.

    Kind regards,
    Herman ??

    Thread Starter nylarosie

    (@nylarosie)

    Hi Herman, Thank you very much for thinking about a solution. I added the code but it made no difference. Appreciate your kindness.

    Nyla

    Hi @nylarosie,

    The CSS works for me. Refer to this video, please.

    Please check again, just in case there’s something that causes the CSS doesn’t work.

    Kind regards,
    Herman ??

    Thread Starter nylarosie

    (@nylarosie)

    Hi @bsfherman this is super kind of you. However, I tried exactly the code and it makes no difference! I can see it works on your video. I tried changing spacing etc but no luck.

    Thread Starter nylarosie

    (@nylarosie)

    I managed to add it using simple custom css plugin as customiser did not work.

    Hi @nylarosie,

    Not sure why the CSS didn’t work when you added it to Customizer. However, very pleased to know that you have found a workaround for this.

    Please mark this thread as Resolved and feel free to start a new thread if there is anything else related to Astra, we can help you with.

    Kind regards,
    Herman ??

Viewing 7 replies - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.