RTL problems

Hello,

1. Please provide your site admin access to check the logo on the scroll.

2. Navigate to the Theme settings > Shop > Promo popup > check the HTML ID, then find it in HTML blocks. Enter and save the template:http://i.prntscr.com/EmtSZcP1Skm85IPcNCu9qw.png and
then paste the template in the page you need http://i.prntscr.com/dIsrexMpS1_r8EA9jdrZ2g.png drag and drop

3. Enter the slider settings and change or disable spinner http://i.prntscr.com/Uby7lU9oQ4OnQMa355G4uQ.png

4. Do you use the custom 404? As soon as we get we shall check.

5. Do you mean padding?

Best Regards

Hello,

Please provide admin access as I need to check the settings for the header.

As for the sign-up sections, its location depends on the position of the column, enter the column settings and check “Responsiveness”. As soon as I get the access I will show what to change to put in the center.

Regarding the animated layer, I do not see it, I need to enter slider and check the layers.

404: now text before the photo http://prntscr.com/kpsr6p

Also we shall check the styles for sorting menu.

Best Regards

Hello,

Please provide full admin rights for the user

Best Regards

Hello,
1. Header: your header is made in LTR style for RTL, though as per the RTL standards your logo should be on the right, it is located on the left. You can add this code to functions.php file of the child theme and header will be displayed as you need:

add_filter( 'woodmart_header_clone_template', function(){
    return '
    <div class="whb-sticky-header whb-clone whb-main-header">
        <div class="<%cloneClass%>">
            <div class="container">
                <div class="whb-flex-row whb-general-header-inner">
                    <div class="whb-column whb-col-left whb-visible-lg">
                        <%.full-screen-burger-icon%>
                        <%.woodmart-shopping-cart%>
                        <%.whb-wishlist-icon%>
                        <%.search-button%>
                        <%.woodmart-header-links%>
                    </div>
                    <div class="whb-column whb-col-center whb-visible-lg">
                        <%.main-nav%>
                    </div>
                    <div class="whb-column whb-col-right whb-visible-lg">
                        <%.site-logo%>
                    </div>
                    <%.whb-mobile-left%>
                    <%.whb-mobile-center%>
                    <%.whb-mobile-right%>
                </div>
            </div>
        </div>
    </div>
';
}, 10 );

2. The block with the form was aligned right. Now I have made it in the center.
3. I have changed the type of animation and this white block has gone.
4. Disable “Row reverse on mobile” http://prntscr.com/kq27x3
5. The frame is stipulated by the browser and it is not removed with CSS.

Best Regards

Hello,

I do not see the difference in these drop-downs http://prntscr.com/kq5fkt what browser are you viewing. If you want to increase width and height, here is the code:

.woocommerce-ordering select {
    max-width: 200px;
    padding-right: 2px;
    padding-left: 20px;
    padding-bottom: 5px;
}

Change the values as per your needs and add it the Theme settings > Custom CSS

Best Regards

You are welcome! If you have any questions please feel free to contact us.

Best Regards