mobile menu toggle(X) is hard to click

  • Resolved Anonymous User 17376972

    (@anonymized-17376972)


    5 years, 7 months ago

    Hello,

    I am using Zakra Gutenberg theme right now,
    the problem I’m facing is that on mobile menu the cancel(X) toggle is not working on touch every time, needed to touch just on cross icon as it’s margin size is very small.

    Is their a way to increase it’s touch margin or remove (X) icon completely.

    Thanks.

    • This topic was modified 5 years, 7 months ago by Anonymous User 17376972.
Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi,
    You can add the following CSS inside Customize > Additional CSS to increase touch area:

    .tg-mobile-navigation .tg-mobile-navigation-close {
    width: 40px;
    height: 40px;
}

.tg-mobile-navigation .tg-mobile-navigation-close::before, .tg-mobile-navigation .tg-mobile-navigation-close::after {
    margin: 20px 10px;
}

    Or, please add this CSS to remove the close icon:

    .tg-mobile-navigation .tg-mobile-navigation-close {
    display: none;
}

    I hope this works for you. If not, let us know with the site URL. ??

    Thanks.

    Thread Starter Anonymous User 17376972

    (@anonymized-17376972)

    Hi,

    Thanks for replying, it really worked.

    Thanks, Good day

    Great! Thanks to you too for pointing out this as I also think we need to improve the close icon in the theme for better accessibility.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘mobile menu toggle(X) is hard to click’ is closed to new replies.