Return to previous page

RTL shop page ! - by AdSh - on WordPress WooCommerce support

This topic has 2 replies, 2 voices, and was last updated 6 years, 1 months ago ago by Rose Tyler

AdSh

Participant

March 20, 2018 at 15:48

Hello,

In the shop RTL page, I have some problems as follows:
1. Sidebar should be on the right.
2. There is an overlapping in the categories.
3. Order the results (should be on the right).

Please have a look on the attachment in the link: https://www.dropbox.com/s/9bvnll4i1x1gsre/RTL%20shop.png?dl=0

Thanks

#188775 Copied

1 Answer

Rose Tyler

Support staff

March 21, 2018 at 10:15

Hello,

.rtl .toolbar .woocommerce-result-count,.rtl .toolbar .woocommerce-ordering, .rtl .toolbar .view-switcher{
  float: right;
}
.rtl .toolbar .woocommerce-result-count{
  margin-right: 0px;
  margin-left: 15px;
}
.rtl .toolbar .view-switcher{
  margin-left:0px;
  margin-right: 25px;
}
.rtl .product-categories .open-this{
  right: auto;
  left: 0;
}
.rtl .product-categories ul.children li > a::before{
  float: right;
  content: "\f104";
  margin-right: 0px;
  margin-left: 10px;
}
.rtl .product-categories ul.children{
  margin-top: 15px;
}
.rtl.archive .sidebar-left{
  float:right;
}
@media (min-width: 768px) {
  .rtl.archive .sidebar-left+.span9{
    margin-left: 0px;
    margin-right: 2.127659574468085%;
  }
}
@media (min-width: 1200px) {
  .rtl.archive .sidebar-left+.span9{
    margin-left: 0px;
    margin-right: 2.564102564102564%;
  }
}
@media (max-width: 992px){
  .rtl .widget_product_search .search-field{
    width: 100%;
  }
}

Regards

#188844 Copied