Home Forums Themes Support Claue Help In Responsive Settings

This topic contains 41 replies, has 2 voices, and was last updated by  netnauts 1 day, 22 hours ago.

Viewing 15 posts - 16 through 30 (of 42 total)
  • Author
  • #23386


    You create views in claue-child and header in views and extract file into header


    i did upload and extract the file u attached but in the Theme Option > General Layout > Custom CSS there is already some media code (this : https://imgur.com/a/om6wxVp ) should i replace this with this : @media only screen and (max-width: 960px) {
    .jas-branding {
    margin: 0;

    or shoul i add it in the bottom ( here : https://imgur.com/a/YFGio1G )




    Please remove 3 first lines in Theme Option > General Layout > Custom Css and add new code to the bottom.

    Best regards


    can u please specify which 3 lines?

    .single-product.postid-5532 .jas-container { width: 100%; padding: 0 30px;}
    .sidebar .widget.yith-woocommerce-ajax-product-filter ul li:before { content:none;}
    .sidebar .widget.yith-woocommerce-ajax-product-filter ul li { padding-left: 0;}

    these? or

    @media only screen and (max-width: 736px) {
    .product-inner.pr {
    background: #f2f2f2;



    Please remove these code

    .single-product.postid-5532 .jas-container { width: 100%; padding: 0 30px;}
    .sidebar .widget.yith-woocommerce-ajax-product-filter ul li:before { content:none;}
    .sidebar .widget.yith-woocommerce-ajax-product-filter ul li { padding-left: 0;}

    i did do as said but this is what happens : https://imgur.com/XxxbQpb

    i need it like : Menu Button , The Logo Then On the right search,wishlist  and cart icons like this : https://imgur.com/a/alEav8q

    This is the code in my Custom Css : @media only screen and (max-width: 736px) {
    .product-inner.pr {
    background: #f2f2f2;
    border-radius: 0 0 5px 5px;
    .product-info.mt__15 {
    padding: 0 10px 6px;
    @media only screen and (max-width: 960px) {
    .jas-branding {
    margin: 0;



    Sorry, please change name of file you extract to layout-3.php

    Best regards


    yes worked thank you soo much.

    You guys be the best 🙂


    You’re welcome.

    Have a nice day!


    Also my homepage loads very slow, where as other pages loads up quickly.

    like : Genius18.com/shop/ loads up quickly but only genius18.com takes up lot of time.

    any suggestions or fix?



    This issue because on homepage have more bigger images and Instagram images load from external source.

    Please optimize your images before upload at https://tinypng.com/

    Kind regards


    my variation swatch plugin is not working
    its active you cam see here : https://imgur.com/EPaofv7
    but on the product page i still get dropdowns :https://imgur.com/Kgj8xT6

    Maybe beacause i deleted one variation swatch plugin which was not active?



    Please go to Product > Attributes and change color type to color and size to label.



    also on the images in shop page and product page the orange label on image show “SALE”( here : https://imgur.com/ttSsbqY )_. Mine are variable products but the price for all the variable are same as the main price , so is there any way i can show discount percentage in place of sale?



    I’m sorry it now doesn’t support show discount percent for variation product.

    You can add below code in claue-child > functions.php to show discount percent next to price

    // Add the saved discounted percentage to variable products
    add_filter('woocommerce_format_sale_price', 'add_sale_price_percentage', 20, 3 );
    function add_sale_price_percentage( $price, $regular_price, $sale_price ){
        // Strip html tags and currency (we keep only the float number)
        $regular_price = strip_tags( $regular_price );
        $regular_price = (float) preg_replace('/[^0-9.]+/', '', $regular_price);
        $sale_price = strip_tags( $sale_price );
        $sale_price = (float) preg_replace('/[^0-9.]+/', '', $sale_price);
        // Percentage text and calculation
        $percentage  = __('Save', 'woocommerce') . ' ';
        $percentage .= round( ( $regular_price - $sale_price ) / $regular_price * 100 );
        // return on sale price range with "Save " and the discounted percentage
        return $price . ' <span class="save-percent">' . $percentage . '%</span>';
Viewing 15 posts - 16 through 30 (of 42 total)

You must be logged in to reply to this topic.