Tagged: , ,

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #588437

    Hi,

    I have a multiwebsite with the Enfold theme.

    At the English website, the logo is left and the menu is right. Everythings looks well at a PC and also at an iPhone.
    At my Hebrew website, the logo is right and the menu is left. Everything looks well at a PC, but on my iPhone the menu (responsive) is at the right in front of the logo.

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

    Greetings,
    Pieter

    #588447

    Hi pheijms!

    clear browser cache and refresh a few times. Check on another mobile device as well. If the issue persists can you provide us a link to your site showing the elements in question please? we need to be able to inspect the elements.

    Best regards,
    Andy

    #588848

    Hi Andy,

    The problem still exists. You can check it also at http://mobiletest.me/iphone_5_emulator/?u=http://www.jewishtestimonies.com/he/.

    The url of the website is: http://www.jewishtestimonies.com/he/.

    Best regards,

    Pieter

    #588890

    Hi!

    Yes, I could see the issue.
    The RTL needs some improvements on that one.
    I hve asked kriesi to push a fix on that, on the next version of enfold.

    Thanks a lot for your patience and understanding.

    Cheers!
    Basilis

    #588914

    Hi Basilis,

    Thanks!!

    I have two other things, maybe these are also bugs.

    1. I don’t have an iPad, but when I test it with the URL: http://mobiletest.me/ipad_mini_emulator/?u=http://www.jewishtestimonies.com/he. The menu is responsive, but I also see the menu items. At my English website it is ok, see http://mobiletest.me/ipad_mini_emulator/?u=http://www.jewishtestimonies.com/en/.

    2. The alignment of the flags on the Hebrew website is broken, see http://www.jewishtestimonies.com/he/ (between the flag and country aren’t spaces). At the English website it is ok, see http://www.jewishtestimonies.com/en/.

    Cheers,

    Pieter

    #588918

    Hey!

    Those are related a bit to the 3rd party plugins also. It is hard for us to target and manage to motorize all the elements positions.
    I will do try our best, to make it work, I will link to the hole topic here, so we can correct as many of those items as possible

    Regards,
    Basilis

    #588920

    Hi Basilis,

    Thank you!

    The first one is complete Enfold. The second one is maybe a “Menu image” plugin bug.

    Good luck with fixing!

    Cheers,
    Pieter

    #590206

    Hi!

    1.) Do you want to relocate the mobile menu to the left? Add this in the Quick CSS field:

    @media only screen and (max-width: 767px) {
    .responsive.html_mobile_menu_tablet.html_logo_right #advanced_menu_toggle {
        left: 0;
        right: auto;
    }
    }

    2.) The language switcher is set to dropdown. Could you please provide a screenshot of the alignment issue?

    Cheers!
    Ismael

    #590625

    Hi Ismael,

    Thanks for the info!

    1) Problem with the mobile menu to the left is fixed with the Quick CSS.

    2) Problem with the language switcher:
    Good –> http://i65.tinypic.com/30hr1v7.png (on English website – http://www.jewishtestimonies.com/en/)
    Wrong –> http://i66.tinypic.com/2mrce1k.png (on Hebrew website – http://www.jewishtestimonies.com/he/)

    3) Problem that the menu is responsive, but you see also the menu items still exists (so both responsive and non-responsive menu). Only at the ipad. See the error at http://mobiletest.me/ipad_mini_emulator/?u=http://www.jewishtestimonies.com/he.

    Thanks!

    Greetzz

    • This reply was modified 4 years, 1 month ago by  pheijms.
    #592493

    Hey!

    2.) It is set to “rtl”, that’s why it’s different. Try to add this in the Quick CSS field:

    .menu-item a.menu-image-title-after.menu-image-not-hovered img {
        float: left;
    }
    
    #avia2-menu .current-menu-item a > .menu-image-title {
        top: 5px;
        position: relative;
    }

    3.) Did you add any css modifications for the mobile menu? Try to set the Enfold > Header > Mobile Menu > Header Mobile Menu activation to the second option.

    Best regards,
    Ismael

    #592503

    Hi Ismael,

    2) I want that the menu item is from right to left, so thats correct, but I miss the spaces between the flag and the country name. At my English website you see a few spaces between the flag and the country name, but at my Hebrew website these spaces are missing. When I use the suggested CSS code, the flag is on de left and the country name is on the right, that’s not what I want. I made a picture from it http://i67.tinypic.com/301dh86.png. See the website live at http://www.jewishtestimonies.com/he/.

    3) Nope, did not make any modifications. The setting was already set. When I test the website on a Google Nexus, then the website is correct. See: http://mobiletest.me/google_nexus_7_emulator/?u=http://www.jewishtestimonies.com/he/. I think the iPad mini is at the limit is it responsive or not.

    Cheers!
    Pieter

    • This reply was modified 4 years, 1 month ago by  pheijms.
    #594198

    Hey!

    1.) Add this css code:

    #top .sub_menu li li a {
        text-align: left;
    }

    2.) Use this css code to fix the mobile menu:

    @media only screen and (max-width: 1024px) {
    .responsive.html_mobile_menu_tablet .container #advanced_menu_toggle, .responsive.html_mobile_menu_tablet #advanced_menu_hide {
        display: block;
    }
    
    .html_header_top.html_main_nav_header #top .av_menu_left .main_menu {
        display: none;
    }
    }

    Regards,
    Ismael

    #595488

    Hey!

    Thanks!

    1) This is not what I want. The text should align on the right, not to the left. The problem is that there are no spaces between the flag and the country name. So the alignment is ok, the RTL is ok, I only miss space between the flag and the country name.

    Good (you see spaces between the flag and the country name, only this is LTR website, because it’s English)–> http://i65.tinypic.com/30hr1v7.png (on English website – http://www.jewishtestimonies.com/en/)
    Wrong (there are no spaces between the flag and the country name)–> http://i64.tinypic.com/24owwgx.png (on Hebrew website – http://www.jewishtestimonies.com/he/)

    2) Thx, this worked!

    Cheers!

    • This reply was modified 4 years, 1 month ago by  pheijms.
    #597642

    Hi!

    1.) Please try this instead:

    .menu-item a img {
        float: left;
    }

    Screenshot: http://imgur.com/IVIu7RS

    Cheers!
    Ismael

    #597749

    Hi Ismael,

    This puts the image to the left and the the text to the right. I want the image to the right and then a few spaces (just as the English website) and then the text.

    Is this possible?

    Cheers!

    #597767

    I fixed it with the following code:

    img.menu-image
    {
    padding-left: 10px;
    }

    Thx for your help!

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

The topic ‘Hebrew website on mobile phone’ is closed to new replies.