Tagged: , ,

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • February 24, 2016 at 3:51 pm #588437
    pheijms

    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

    February 24, 2016 at 4:00 pm #588447
    Andy

    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

    February 25, 2016 at 10:19 am #588848
    pheijms

    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

    February 25, 2016 at 11:06 am #588890
    Basilis

    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

    February 25, 2016 at 11:16 am #588914
    pheijms

    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

    February 25, 2016 at 11:17 am #588918
    Basilis

    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

    February 25, 2016 at 11:19 am #588920
    pheijms

    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

    February 27, 2016 at 9:48 am #590206
    Ismael

    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

    February 29, 2016 at 9:56 am #590625
    pheijms

    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 8 years, 10 months ago by pheijms.
    March 3, 2016 at 9:07 am #592493
    Ismael

    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

    March 3, 2016 at 9:25 am #592503
    pheijms

    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 8 years, 10 months ago by pheijms.
    March 7, 2016 at 11:18 am #594198
    Ismael

    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

    March 9, 2016 at 12:02 pm #595488
    pheijms

    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 8 years, 9 months ago by pheijms.
    March 14, 2016 at 10:29 am #597642
    Ismael

    Hi!

    1.) Please try this instead:

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

    Screenshot: http://imgur.com/IVIu7RS

    Cheers!
    Ismael

    March 14, 2016 at 2:43 pm #597749
    pheijms

    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!

    March 14, 2016 at 3:20 pm #597767
    pheijms

    I fixed it with the following code:

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

    Thx for your help!

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Hebrew website on mobile phone’ is closed to new replies.