Tagged: , ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • January 25, 2017 at 10:21 am #738227
    pheijms

    Hi,

    I have a problem with my menu on an iPhone at my Hebrew website. I have a menu with submenu items. At a desktop browser the submenu items are shown in the correct way. But on my iPhone the submenu items are shown as top menu items. See the below screenshot:

    The url is: http://www.jewishtestimonies.com/he/ –> https://s28.postimg.org/ne75larkd/Hebrew_Enfold.png (screenshot)

    At my English website is what it should be.

    The url is: http://www.jewishtestimonies.com/en/ –> https://s23.postimg.org/wpwbmf3zf/English_Enfold.png (screenshot)

    Is this a bug, or anyone knows how to fix this?

    Cheers,
    Pieter

    • This topic was modified 7 years, 11 months ago by pheijms.
    January 25, 2017 at 10:27 am #738230
    Basilis

    Hey pheijms!

    That is a strange issue, thanks a lot for reporting it to us.
    We will do let Kriesi know, to apply a fix on a next update.
    What we can suggest for a quick solution, is t add some margin on the links, so they can positioned and look ” inside ”
    Would that work for you?

    Cheers!
    Basilis

    January 25, 2017 at 10:41 am #738244
    pheijms

    Hi Basilis,

    But I only have this problem at phones. So I don’t want these margins at my desktop browser. How can I only set these margins for the phones?

    I see another issue of the menu. There is a triangle before the link. At the Hebrew menu the triangle is on the left side, I think it needs on the right side and the triangle needs to be flipped. Can you also tell that to kriesi?

    Cheers,
    Pieter

    January 30, 2017 at 3:01 pm #740202
    Andy

    Hi,

    try this code inside Quick CSS field:

    @media only screen and (max-width: 767px) {
#mobile-advanced li > a:before, .html_header_mobile_behavior #mobile-advanced span > a:before, #mobile-advanced .mega_menu_title:before {
content: "\25C2";
font-size: 20px !important;
left: 171px !important;
}}

    Best regards,
    Andy

    January 30, 2017 at 3:29 pm #740211
    pheijms

    Hi Andy,

    Thanks for the code.

    Same problem, I don’t see any difference.

    Cheers,
    Pieter

    February 1, 2017 at 12:57 am #740947
    Andy

    Hi,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    Login credentials include:

    • The URL to the login screen.
    • A valid username (with full administration capabilities).
    • As well as a password for that username.
    • permission to deactivate plugins if necessary.

    Best regards,
    Andy

    February 1, 2017 at 10:01 am #741106
    pheijms

    Hi Andy,

    Hereby the information.
    I created a new dummy website, so it’s easier to debug.

    Cheers,
    Pieter

    February 3, 2017 at 4:43 pm #742456
    Yigit

    Shalom!

    I have added following code to Quick CSS in Enfold theme options under General Styling tab

    .rtl #mobile-advanced li > a:before, .rtl .html_header_mobile_behavior #mobile-advanced span > a:before, .rtl #mobile-advanced .mega_menu_title:before {
    left: auto;
    right: 0;
    margin-right: 10px;
    transform: rotate(180deg);
}

    Please review your website now

    Best regards,
    Yigit

    February 6, 2017 at 11:42 am #743275
    pheijms

    Ho Yigit,

    Yes, the triangle is at the right place.

    But my sub menu is on the same level as the top menu, so this isn’t resolved.

    Cheers,
    Pieter

    February 6, 2017 at 11:49 am #743278
    Yigit

    Hey!

    Please add following code to Quick CSS as well 

    .rtl #mobile-advanced ul a:before {
    right: 25px;
}
.rtl #mobile-advanced ul a, .rtl #mobile-advanced .mega_menu_title {
    padding-left: 0;
    padding-right: 50px;
}

    Best regards,
    Yigit

    February 6, 2017 at 4:45 pm #743446
    pheijms

    Hi Yigit,

    Thanks, this works!

    Are you going to fix this in a future release of Enfold?

    Cheers,
    Pieter

    February 6, 2017 at 9:00 pm #743604
    Andy

    Hi,

    Kriesi will get informed about it. Thanks for making us aware.

    Best regards,
    Andy

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Menu display on iPhone in Hebrew problem’ is closed to new replies.