Return to previous page

Facing an issue with arabic layout of the website

This topic has 13 replies, 4 voices, and was last updated 4 weeks ago ago by Tony Rodriguez

  • Avatar: Mk
    Mk
    Participant
    April 26, 2025 at 22:21

    Hi
    I have many website using xstore and facing an issue with this website only
    as you can see in the attached image there is a space on the right after switching to Arabic, aslo the icons in the “products” dropdown menu are not showing properly

    and finally when i add a language switcher menu in the header the image of the language appears so big “image 2”

    Please, contact administrator
    for this information.
    Files is visible for topic creator and
    support staff only.
    #442087 Copied Theme version: 9.4.10
    12 Answers
    Avatar: Alex Carter
    Alex Carter
    Support staff
    April 28, 2025 at 08:19

    Hello,

    Thank you for reaching out to us.

    We are unable to log in using the credentials you provided. Could you please provide working temporary WP-Admin access?

    Warm Regards,
    The 8Theme Team

    #442159 Copied
    Avatar: Mk
    Mk
    Participant
    April 28, 2025 at 18:44

    please find the details in the private area

    Please contact administrator
    for this information.
    #442219 Copied
    Avatar: Alex Carter
    Alex Carter
    Support staff
    April 29, 2025 at 07:09

    Hello, Mk

    To ensure you get the best support, we’re escalating your request to another specialist from our team, who will take a closer look at the issue.

    They will update you as soon as possible, and we’ll make sure to keep you posted. If you have any additional details that might help, feel free to reply here.

    Thank you for your cooperation!

    Best Regards,
    The 8Theme Team

    #442246 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    April 29, 2025 at 07:34

    Dear @Mk,

    We hope this message finds you well.

    During our review of the page source code, we noticed that custom proportions (width/height) had been applied globally to images on the homepage. Please refer to the following screenshot for reference: https://prnt.sc/HemajQVdL3qr.

    Additionally, upon inspecting the Banner element, we identified an incorrect implementation of custom CSS. You may view the issue here: https://prnt.sc/YJjbL9bn49f1.

    We have addressed and corrected the issue accordingly. Please see the updated implementation via the following link: https://prnt.sc/X1gwwSObT8B0.

    We kindly invite you to review the changes and check the results on your end.

    Best regards,
    Jack Richardson
    The 8Theme Team

    #442252 Copied
    Avatar: Mk
    Mk
    Participant
    April 29, 2025 at 14:48

    Hi
    Thank you for your reply, I cleared the cash from the plugin and server and tried to visit the website in private mode but the issues still there
    please check the video in the private area

    Please contact administrator
    for this information.
    #442306 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    April 29, 2025 at 15:43

    Dear @Mk,

    We hope this message finds you well.

    We would like to inform you that the issue with the flag image has been successfully resolved. Regarding the section offset issue, we have addressed it by disabling the “Stretch Section” option in Elementor, as it appears to function incorrectly in the RTL (Right-to-Left) version. You can view the related screenshot here: https://prnt.sc/Yv0dUEAaZkkE.

    To maintain the desired layout, we have implemented a custom CSS solution to replicate the stretch effect. Please refer to the following screenshot for reference: https://prnt.sc/QYSgVi4Dquaa.

    We kindly ask you to clear your website cache and review the changes. If the solution meets your requirements, you may apply the same CSS approach to other sections where the “Stretch Section” option is used.

    Here is the custom CSS code we applied:

    selector {
    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    max-width: 100vw;
    position: relative;
    right: 50%;
    width: 100vw;
}

    Should you have any further questions or need assistance with implementation, please do not hesitate to contact us.

    Best regards,
    Jack Richardson
    The 8Theme Team

    #442321 Copied
    Avatar: Mk
    Mk
    Participant
    April 29, 2025 at 19:05

    Hi
    That was very helpful thank you
    there are still 2 more issues explained in the video in the private content area
    Thanx

    (Update)
    I am able to see Elementor edits live on the website now

    the only issue remaining is the arrows in the spot light section (in Arabic view)

    Please contact administrator
    for this information.
    #442333 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    April 30, 2025 at 07:20

    Hello @Mk

    You can add next custom CSS snippet:

    .rtl .elementor-element .swiper-button-next {
    right: auto;
}

.rtl .elementor-element .swiper-button-prev {
    left: auto;
}

    Check the article about correct placement for custom CSS:
    https://www.8theme.com/documentation/xstore/additional-customisation/optimal-placement-for-custom-css-code/

    Kind regards, Jack Richardson
    The 8theme’s team

    #442359 Copied
    Avatar: Mk
    Mk
    Participant
    April 30, 2025 at 19:50

    Thank for your reply
    I have added a video in the private content area for the issue as its not working

    Please contact administrator
    for this information.
    #442425 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    May 1, 2025 at 08:25

    Dear @Mk,

    We hope this message finds you well.

    We would like to kindly bring to your attention that we previously shared a reference regarding the optimal placement for global CSS additions. Unfortunately, it appears that this information may have been overlooked, as the custom CSS was added in the same location as your previous entries, rather than in the recommended area.

    For your convenience, please refer to the following article which outlines the correct placement for custom CSS:
    https://www.8theme.com/documentation/xstore/additional-customisation/optimal-placement-for-custom-css-code/

    Please note that the CSS in question is global and not specific to a particular widget. Therefore, it should be added either to the child theme’s style.css file or via Theme Options, as detailed in the article above.

    Don’t forget to clear your plugin’s cache and cache in browser before checking the results.

    Thank you for your attention to this matter.

    Best regards,
    The 8Theme Team

    #442464 Copied
    Avatar: Mk
    Mk
    Participant
    May 1, 2025 at 20:42

    thank you for the great support

    #442503 Copied
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    May 1, 2025 at 20:42

    Dear Mk,

    Choosing our theme reflects your commitment to quality, and for that, we’re genuinely grateful. As we constantly strive to elevate your experience, your feedback is an invaluable gift. Could you kindly take a moment to rate our product with 5 stars on ThemeForest?

    Click here to share your insights: https://themeforest.net/downloads

    Your support fuels our journey, and we appreciate it more than words can express.

    Best Regards,
    The 8Theme Team

    #442504 Copied
  • Viewing 13 results - 1 through 13 (of 13 total)

The issue related to '‘Facing an issue with arabic layout of the website’' has been successfully resolved, and the topic is now closed for further responses

Recent Community Activity

Helpful Topics

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Underwear Store – WordPress WooCommerce Theme
lazy-placeholder
Organic Store – WordPress WooCommerce Theme
lazy-placeholder
Medical – WordPress WooCommerce Theme
lazy-placeholder
Headphone Store – WordPress WooCommerce Theme
lazy-placeholder
Legenda – WooCommerce WordPress Theme
lazy-placeholder
Hipster Store – WordPress WooCommerce Theme
lazy-placeholder
Language Courses – WordPress WooCommerce Theme
lazy-placeholder
Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
Purely Handmade – WordPress WooCommerce Theme
lazy-placeholder
Minimal Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.