Tagged: ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • December 6, 2016 at 5:34 pm #721158
    orianos

    The menu is displayed correctly in the iPad (see image here), but not in the Acer tablet (see image here).
    :(
    Some possible solution?

    Best regards

    December 6, 2016 at 6:15 pm #721163
    Basilis

    Hey orianos!

    What browser is the Acer using and what is the size of the screen?

    Thank u

    Regards,
    Basilis

    December 7, 2016 at 11:03 am #721420
    orianos

    Hi Basilis,
    The tablet is an acer iconia A3-A20.
    The browser is Google chrome.
    The size of the screen: 10 inches.

    Thanks for your help.

    December 8, 2016 at 5:38 am #721791
    Rikard

    Hi,

    Thanks for the info, would you consider using the mobile menu for tablets as well? If so please try the following in Quick CSS:

    @media only screen and (max-width: 1024px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important;}
}

    Best regards,
    Rikard

    December 8, 2016 at 1:33 pm #721933
    orianos

    Hi everyone, I think I found the solution.
    I changed the menu items, from “Nos Formules” to “Nos Formules”
    and from “Contact / Réservation” to “Contact / Réservation”.

    In practice I added the unifying character between the two words of the same menu item.
    In this way, the menu is displayed correctly even on the Acer tablet.

    Strange … but at least it works.

    Best regards

    December 12, 2016 at 6:54 am #722957
    Ismael

    Hey!

    I changed the menu items, from “Nos Formules” to “Nos Formules”
    and from “Contact / Réservation” to “Contact / Réservation”.

    I don’t really see anything different from those menu items but if it works then it works. :)

    Best regards,
    Ismael

    December 12, 2016 at 9:56 am #723042
    orianos

    Sorry, I have wrote wrong the code in the previous message :(
    I tried again to write with the “code” formatting.
    I changed the menu items, from:
    <span class="avia-menu-text">Nos Formules</span>
    to
    <span class="avia-menu-text">Nos&nbsp;Formules</span>
    and and from “Contact / Réservation” to:
    <span class="avia-menu-text">Contact / Réservation</span>
    to
    <span class="avia-menu-text">Contact&nbsp;/&nbsp;Réservation</span>

    Please watch this image, with the situation before and after.

    Best regards

    December 14, 2016 at 6:19 am #724113
    Ismael

    Hi,

    I’m not sure how the “non-breaking space” character fixed it but adding a normal “space” should not create a second line. Anyway, thanks for sharing.

    Best regards,
    Ismael

    December 14, 2016 at 8:14 am #724164
    orianos

    Thank you for your answer Ismael.
    I understand that it may seem strange, but the “non-breaking space” has solved this Enfold menu specific problem on Acer tablet “iconia A3-A20”.
    Best regards, and thanks for your great work.

    December 15, 2016 at 5:19 am #724726
    Rikard

    Hi,

    Great, thanks for the feedback. Let us know if you should need any further help on the topic.

    Best regards,
    Rikard

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