Ok on my shop page for https://sandbox.bestfitbybrazil.com/product-category/shopallproducts/ if you press the custom “Hide Filters” button on right side it will hide all widget filters from view and expand products size WITHOUT crowding them on title and price area. You can still see titles and pricing. But on my live site https://bestfitbybrazil.com/product-category/shopallproducts/ when you press button and products expand they cover over titles and prices. The titles and prices. Can you help me fix this? i’m not sure what needs to be tweaked on live. i could not find the difference between live and sandbox site. but i’m sure its in the css somewhere?
Also the reason this seemed to have broken in the first place is i put some css in to accomplish keeping the products closer together and making the filter column less wide, so images could be maximized with 4 in a row. I remove the code as best I remember it and still the price and title are getting covered up when “hide filtets” is pressed. Its a toggle button by the way. Here’s a pic of what i would like the shop page images to look like without over crowding titles and pricing when i press “Hide Filter” button.

Hi Jesus,
1. Please add below code to claue-child > functions.php
function polylang_flags_shortcode() {
ob_start();
pll_the_languages(array('show_flags'=>1,'show_names'=>0));
$flags = ob_get_clean();
return '<ul class="polylang-flags">' . $flags . '</ul>';
}
add_shortcode('POLYLANG', 'polylang_flags_shortcode');
2. Add below code to claue-child > style.css
/* Polylang Flags Inline */
.polylang-flags {
list-style-type: none;
margin: 0;
padding: 0;
}
.polylang-flags li {
display: inline;
}
3. Add short code to Claue > Theme Option > Header > Header Top right
[POLYLANG]
Kind regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
Hi Leon,
Please add below code to Claue > Theme Option > General Layout > Custom CSS
@media only screen and (max-width: 736px) {
.sf-open.hidden-xs {
display: block;
}}
Kind regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
Hi AK team,
thank you for report bug.
We will fix for the next update.
To hot fix, please add below code to Claue > Theme Option > General Layout > Custom CSS
.woocommerce .jas-wc-single .woocommerce-message,
.woocommerce .jas-wc-single .woocommerce-error {
display: inherit;
}
Kind regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
Ok i put in 3 attachments saved in NotePad++ format
file 1: Full Additional CSS Custom Code
This is all of the CSS i have in custom “Additional CSS Code”
file 2: Full CSS Style sheet
This is my Full CSS Style sheet with some code that does not work on the site.
file 3: CSS Additional Code
This is some of the code i had to add directly to custom “Additional CSS Code” to get it to work.
Hi.
Could you please attach style.css to this topic. So i can check and help you solve problem.
Kind regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
I have a really weird problem with style sheet in child theme folder. when we put code there alot of times it doesn’t transfer to theme. when we put the same code in additional css custom coding area it works. what is causing this problem. i have already recreated the style sheet file and it still not working on some code.
Hi,
You can change background color by add below code to Claue > Theme Option > General Layout > Custom CSS
.jas-ajax-load a:hover {
background-color: #56cfe1 !important;
}
and change #56cfe1 with your color.
Kind regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
Hi Ak,
The sidebar cart trigger click action and control by js it can’t control by CSS.
Kind regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
Hi Harry,
Can you please give a code which makes the side bar appear without ajax? Maybe with CSS? This is one of the most beautiful feature about your theme and we need this without ajax.
We will analyze point 3 and let you know what we find.
Thank you. Have a nice day ahead 🙂
Best Regards,
AK