The mobile menu button doesn't work properly

  • Resolved Iurie Malai

    (@flegmatiq)


    9 years, 1 month ago

    Hi David!

    I already asked this on the Free Theme Support page, but to be sure I decided to ask also here.

    Firstly, I like the Minn Lite theme and I want to use it for one of my projects, but it was updated the last time a year ago, so I am in doubt. How soon it will be updated?

    Secondly, testing the theme, I found a bug: the mobile menu button doesn’t work properly (tested on two my Android smartphones). To activate it I must to touch a very little space (3mm x 3mm or so) in the top left corner of the menu bar (<div class=”nav-wrap”>). Can you help with this?

    Regards,
    Iurie

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter Iurie Malai

    (@flegmatiq)

    I solved the problem with the mobile menu by adding the next CSS code to my child theme style.css:

    @media only screen and (max-width: 580px) {
  input[type="checkbox"]#nav-respond {
    display: none !important; /* this will hide the checkbox that is visible sometimes as a little blue square in the top left corner of the menu bar when the menu button is touched */
  }

  #nav-respond-wrapper {
    overflow: hidden;
    display: table;
    width: 100%;
  }
}
    Thread Starter Iurie Malai

    (@flegmatiq)

    After a further testing I found that it is enough just to hide the input[type=”checkbox”]#nav-respond, that is visible sometimes as a little blue square in the top left corner of the menu bar when the menu button is touched and that not allow the button to work as expected.

    @media only screen and (max-width: 580px) {
  input[type="checkbox"]#nav-respond {
    display: none !important;
  }
}

    UPDATE

    Sorry! It seems that the next code block is also needed, so I ended with this:

    @media only screen and (max-width: 580px) {
  input[type="checkbox"]#nav-respond {
    display: none !important;
  }

  #nav-respond-wrapper {
    overflow: hidden;
    display: table;
    width: 100%;
  }
}

    I do not understand fully why this is needed, but it works.

    Theme Author David Gwyer

    (@dgwyer)

    Glad you got it sorted in the end! ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘The mobile menu button doesn't work properly’ is closed to new replies.