Astra mobile menu

  • Hi I am using the astra theme and I am wanting to amend the menu dropdown arrows on mobile.

    At the moment the arrows are not centred in the highlighted area when clocked and also they have a strange border.

    The only setting I can find under customise dont seem to solve these issues.

    Is there some css code that will just amend these arrows on mobile?

    Or maybe the best option would be some css code so that the border is removed and the whole menu line is clickable for the drop down, might be better for usability. It just looks messy at the moment as the arrows aren’t centred and the border doesnt look good.

    thank you for your help.

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

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hello,

    through your post I noticed that I have the same problem.

    Here is the solution via CSS:
    .ast-menu-toggle {border-style:hidden}
    .ast-menu-toggle:focus {outline:none}
    .ast-header-break-point .ast-icon.icon-arrow svg {margin-left:0}

    The background color is #E1EAF2. This was set somewhere in the elementor (button hover/focus color).

    Regards

    Hi @leeoco39756,

    What has been shared by @jidwictut9 should work for your site. Thanks for sharing @jidwictut9!

    The background color, I believe it’s coming from the Buttons section of the Elementor Site Settings.

    Kind regards,
    Herman ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Astra mobile menu’ is closed to new replies.