Tagged: , ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #738227

    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 3 years, 2 months ago by  pheijms.
    #738230

    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

    #738244

    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

    #740202

    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

    #740211

    Hi Andy,

    Thanks for the code.

    Same problem, I don’t see any difference.

    Cheers,
    Pieter

    #740947

    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

    #741106

    Hi Andy,

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

    Cheers,
    Pieter

    #742456

    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

    #743275

    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

    #743278

    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

    #743446

    Hi Yigit,

    Thanks, this works!

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

    Cheers,
    Pieter

    #743604

    Hi,

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

    Best regards,
    Andy

Viewing 12 posts - 1 through 12 (of 12 total)

The topic ‘Menu display on iPhone in Hebrew problem’ is closed to new replies.