Mobile menu dropdown issue

  • Resolved arnav11

    (@arnav11)


    1 year ago

    Hi, I am making a travel website. It works fine on desktop. On mobile devices however, there’s an issue: The clickable area for the dropdown arrows in the hamburger menu is very small. Clicking on the arrows opens up the main pages instead of the sub menus. I am using the free version of the Holiday Quest theme to build the website on Hostinger WordPress. If anyone could help, I’d be very grateful.

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

Viewing 1 replies (of 1 total)
  • Thread Starter arnav11

    (@arnav11)

    1 year ago

    So I added the following additional CSS in theme customization:

    .mobile-header .primary-navigation ul.primary-menu-wrapper .arrow-down, .mobile-header .secondary-navigation ul.secondary-menu-wrapper .arrow-down
    {
    top: 0px;
    padding: 28px;
    right: 10px;
    }
    It appears to have solved my issue. However, the arrows are not aligned in the center of the click boxes. That is the only issue remaining.

Viewing 1 replies (of 1 total)

The topic ‘Mobile menu dropdown issue’ is closed to new replies.

  • 1 reply
  • 1 participant
  • Last reply from: arnav11
  • Last activity: 1 year ago
  • Status: resolved