Home Forums Themes Support Claue product listing

This topic contains 5 replies, has 2 voices, and was last updated by  Harry 1 week, 3 days ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #35130
    moatazali
    Supported

    Greetings,

    Product listing even in Shop/Categories page the products don’t honor the hight per line limit. they grow bigger when you choose 3 items per line, and even way bigger if 2 items per line.

    also, I have translatepress plugin, when I change to ‘Ar’ the left menu doesn’t stack well with the main site logo.

    Best regards.

    #35131

    Hi,

    1. You can change number of product per row in Claue > Theme Option > WooCommerce > Product Listing Settings > Number Of Column and turn off column switcher in Claue > Theme Option > WooCommerce > Product Listing Settings > Enable Column Switcher > Off

    2. Please add below code to Claue > Theme Option > General Layout > Custom CSS

    .rtl .header-2 .jas-menu > li {
        float: right;
    }
    .rtl .header-2 .jas-menu > li:not(:first-child) {
    	margin-right: 50px;
    	margin-left: 0;
    }

    Kind regards

    Harry
    Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    #35134
    moatazali
    Supported

    Thanks a lot, Harry,

    1- If I set 3 or lower the items stack over each other so I settled on doing it 4 columns

    2- I couldn’t figure this out by myself, Can you please tell me how did you get this. so I can rely on myself more and don’t waste your time again?

     

    appreciated

    #35135

    I check your site and see it work, please clear cache of your browser and check again.

    Kind regards

    Harry
    Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    #35136
    moatazali
    Supported

    Hi Harry,

    Yea i know it works after applying your code.

    I meant how did you figure those classes to edit. as they do not appear on “inspect page”

     

    Thanks

    #35137

    Please follow this topic to inspect element on your site https://www.hostinger.com/tutorials/website/how-to-inspect-and-change-style-using-google-chrome

    And add “rtl” class for your css code.

    Kind regards

    Harry
    Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.