Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 13, 2018 at 10:55 pm #1033207
    OlivierCharlot

    Hi,

    The mobile menu works poorly with the 2 options of sidebar flyout menu: the tactile area to click a menu item is not centered on the text itself, and goes from the bottom of the letters like a, c or o to the bottom of the similar letters of the line above.
    Result: half of the times we try to click on a menu item we go to another one.

    If I switch to Full Page Overlay Menu it works OK but my conversion rates goes down for some reason.

    I hope you can help me fix this ;-)

    Best regards,
    Olivier.

    November 15, 2018 at 4:42 am #1033757
    Rikard

    Hey OlivierCharlot,

    Did you change the line height of the menu items? This CSS seems to be causing that, it looks to be added in your Quick CSS:

    .main_menu ul:first-child > li a {
    line-height: 40px !important;
}

    Best regards,
    Rikard

    November 15, 2018 at 8:08 pm #1034119
    OlivierCharlot

    Hi Rikard,

    Yes, I have the following CSS in:

    #header_main .container, .main_menu ul:first-child > li a {
    height: 40px !important;
    line-height: 40px !important;
    }

    I need it for the format of the header. Do you see an option to have the mobile menu working, or to set the main menu heigh differently so that it doesn´t interfere with the mobile menu.

    Thansk for your support, and best regards,
    Olivier.

    November 16, 2018 at 1:58 pm #1034461
    Rikard

    Hi Olivier,

    If you don’t want that to apply to the mobile menu then maybe you could try to place it within a media query?

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.