(Solved) Upgraded from 1.7.2 to 1.7.7 rtl issue

[Xr.7]

Dear All,

After upgrading to 1.7.7 using 1-click module everything seems ok

but once accessing website as RTL and for mobile or minimize the browser to be small like mobile browsers 

the products are not centered in RTL css

what to do ?!

Edited January 15, 2021 by Xr.7
solved (see edit history)

[Prestachamps]

I presume is a small CSS glitch. In order to be able to help you, it would made sense if you could share a URL. 

We could inspect the CSS and point you towards a solution

cheers, 

Leo

 

[Xr.7]

25 minutes ago, Leo @ Prestachamps said:

I presume is a small CSS glitch. In order to be able to help you, it would made sense if you could share a URL. 

We could inspect the CSS and point you towards a solution

cheers, 

Leo

 

Thanks a lot please check your messages to find the URL sorry for not sharing URL here

 

[Xr.7]

@media (max-width: 991px)

theme.css:7

.featured-products .products {

-webkit-box-pack: center;

-ms-flex-pack: center;

justify-content: center;

}

 

i found this in css not in rtl css

Edited January 15, 2021 by Xr.7 (see edit history)

[Xr.7]

Many Thanks to 

1 hour ago, Leo @ Prestachamps said:

I presume is a small CSS glitch. In order to be able to help you, it would made sense if you could share a URL. 

We could inspect the CSS and point you towards a solution

cheers, 

Leo

 

he solve it by changing

 

Change :

#products .products, .featured-products .products, .product-accessories .products, .product-miniature .products { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;

to 

#products .products, .featured-products .products, .product-accessories .products, .product-miniature .products { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: center;

 

the issue is :  justify-content: flex-start; 

change it to  justify-content: center;

 

 

many thanks 

 

[Prestachamps]

Really happy I could help, 

wish you a lot of sales

cheers,

 

[Xr.7]

3 minutes ago, Leo @ Prestachamps said:

Really happy I could help, 

wish you a lot of sales

cheers,

 

Thanks a lot 

wish for you more sales too