Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • July 25, 2015 at 12:38 am #478469
    mustafamohsen

    Hello

    I installed WP/Enfold/WooCommerce (all latest versions) and while testing it in Arabic (RTL) the cart icon is displayed on the right side, instead of being on the left next to the menu icon (as in its LTR counterpart). This doesn’t look very neat, and it covers the logo some how

    Any quick fix?

    Thanks in advance
    EDIT: …or maybe it makes more sense to have the menu icon to the right next to the cart in RTL, but it needs to be well positioned anyway not to cover any item

    • This topic was modified 9 years, 3 months ago by mustafamohsen.
    July 25, 2015 at 1:05 am #478481
    Josue

    Hi,

    Can you post the link to your website please?

    Regards,
    Josue

    July 25, 2015 at 2:11 am #478507
    mustafamohsen

    Thank you for the quick reply

    The info in private

    It’s just the default testing installation

    It’s even more obvious when demo data of Classic Demo is imported

    July 25, 2015 at 2:27 am #478514
    Josue

    Hey!

    Do you have any Product created i can use to test?

    Cheers!
    Josue

    July 25, 2015 at 2:37 am #478516
    mustafamohsen

    Alright I created a sample product. To add to the info, the cart is there even if empty

    July 25, 2015 at 4:13 am #478520
    Josue

    Hey!

    Add / merge this to your Quick CSS:

    #top.rtl .cart_dropdown {
	position: absolute;
	left: 0 !important;
	right: auto !important;
}

#top.rtl .cart_dropdown .dropdown_widget {
    right: auto;
    left: 0;
}

#top.rtl .cart_dropdown .dropdown_widget .avia-arrow {
    right: auto;
    left: 10px;
}

    Cheers!
    Josue

    July 25, 2015 at 4:22 am #478523
    mustafamohsen

    Thanks a lot

    The progress that I can see is that both the cart and the menu are now to the right, but they’re overlapping. I’m testing on Chrome and Safari on iPhone 6+

    July 25, 2015 at 4:25 am #478525
    Josue

    Hey!

    Are you referring to the mobile menu toggle right?, try adding this:

    #top.rtl #advanced_menu_toggle, #advanced_menu_hide {
    left: 35px;
}

    Best regards,
    Josue

    July 25, 2015 at 4:26 am #478526
    mustafamohsen

    One more thing I just noticed, the cart drop down is floating to the left off screen

    July 25, 2015 at 4:28 am #478528
    Josue

    This code is missing from your Quick CSS.

    Cheers!
    Josue

    July 25, 2015 at 5:51 am #478537
    mustafamohsen

    Oh I’m sorry. It seems that Ajax saving doesn’t always work on mobile Chrome. Safari does well

    Anyways, now the icons look goody, thanks a lot for that. But they overlap one of the top menu items in the vertical view. When I flip the mobile horizontally it looks good

    July 25, 2015 at 10:26 pm #478696
    Josue

    Hi!

    Can you post a screenshot of the issue?

    Cheers!
    Josue

    July 25, 2015 at 11:23 pm #478698
    mustafamohsen

    Thanks a lot Josue
    For some reason, it works fine now! I don’t know if there’s some kind of inconsistency or what, but I will work with what you provided for now

    Thanks for your great support

    July 26, 2015 at 5:11 am #478708
    Josue

    You are welcome, glad to help :)

    Regards,
    Josue

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