Home › Forums › Themes Support › Claue › Help In Responsive Settings
Tagged: Responsive settings column
- This topic has 63 replies, 2 voices, and was last updated 5 years, 6 months ago by Harry.
-
AuthorPosts
-
-
May 3, 2018 at 12:02 pm #19782
Hey i have added a new row on the home page with 2 columns one beside other like this : https://www.dropbox.com/s/t2o0sit7zfxjnf7/Screen%20Shot%202018-04-29%20at%2012.46.44.png?dl=0
But on the mobile version it is appearing one below other like this : https://www.dropbox.com/s/dhxwyo1ccqvttym/IMG_3241.jpg?dl=0
, i tried to do the responsive settings to 12/1 but it instead sends the whole column off the screen on desktop.
Please help me i want it to appear one beside other like on the dekstop
-
May 3, 2018 at 10:48 pm #19815
Hi,
I help you fix this issue
Best regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio -
May 4, 2018 at 10:11 am #19850
I did try this but it sends the whole row towards right and off the screen.
doesnt help
-
May 5, 2018 at 12:11 am #19866
Hi,
I help you make 2 box in one row on mobile. Please try clear cache and check in again.
I think you should let 2 box in 2 row so user can view the message on box on mobile. It now hard to read small text.
Best regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio -
July 22, 2018 at 5:27 pm #23023
i want to add a preloader to website that shows up before my site loads.
also is it possible to bring the search & wishlist icon on the main header beside cart icon in mobile version and place the logo on the left? ( MOBILE VERSION )
-
July 23, 2018 at 1:07 am #23040
Hi,
Yes, it can but where you want to show menu button on mobile? Is it next to logo?
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio-
July 28, 2018 at 5:45 pm #23341
1st i want the menu button on the left then next to that my logo then on the right search icon then wishlist icon and then cart icon just like it is on this site : https://imgur.com/a/alEav8q
i want the exact same header on my mobile version. please help
-
-
July 28, 2018 at 7:12 pm #23348
Hi,
Please download attach file and extract to claue-child > views > header
and add below code to Theme Option > General Layout > Custom CSS
@media only screen and (max-width: 960px) { .jas-branding { margin: 0; }}
Attachments:
You must be logged in to view attached files.Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio -
July 28, 2018 at 9:01 pm #23356
i just uploaded the child theme but will activating the child theme make me loose all my content or will there be any issues?
-
July 28, 2018 at 9:13 pm #23357
Hi,
Activate child theme not lose your content just have re-arrange widget in Appearance > widgets
Regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio -
July 29, 2018 at 10:25 pm #23370
i did not try to put the header files yet but after activating the child theme i get 2 wishlist icons in the product page. how to solve this?
here : https://imgur.com/NE8ozTd
-
July 30, 2018 at 8:55 am #23377
Hi,
Please go to your claue-child > woocommerce > single-product > add-to-cart and delete variable.php
Best regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio -
July 30, 2018 at 9:04 am #23380
also the header file to extract you asked for,
“Please download attach file and extract to claue-child > views > header” i dont see views folder in claue child folder in themes (this is what i see in claue child folder : https://imgur.com/YtAm99n ) but i can see it in claue folder in themes (this is what i see in claue folder :https://imgur.com/qmcDd4M )
So should i upload and extract the files in claue folder and reactivate claue main theme?
-
July 30, 2018 at 9:17 am #23383
Hi,
You have to create 2 new folders in claue-child (views, header)
You have to activate child theme to active new header layout.
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio -
July 30, 2018 at 9:19 am #23384
so i just need to create those two folders like first views under that header and under that i have to extract the attached file?
-
July 30, 2018 at 11:09 am #23386
Yes,
You create views in claue-child and header in views and extract file into header
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio -
July 30, 2018 at 1:46 pm #23389
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 )
-
July 30, 2018 at 2:31 pm #23390
Hi,
Please remove 3 first lines in Theme Option > General Layout > Custom Css and add new code to the bottom.
Best regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio -
July 30, 2018 at 3:19 pm #23392
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;these?
-
July 30, 2018 at 5:15 pm #23395
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;}
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio -
July 30, 2018 at 7:04 pm #23402
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;
}} -
July 30, 2018 at 7:16 pm #23404
Hi,
Sorry, please change name of file you extract to layout-3.php
Best regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio -
July 30, 2018 at 7:22 pm #23405
yes worked thank you soo much.
You guys be the best 🙂
-
July 30, 2018 at 7:29 pm #23406
You’re welcome.
Have a nice day!
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio -
July 31, 2018 at 8:08 pm #23460
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?
-
July 31, 2018 at 11:45 pm #23477
Hi,
This issue because on homepage have more bigger images and Instagram images load from external source.
https://gtmetrix.com/reports/genius18.com/NRWbBrTjPlease optimize your images before upload at https://tinypng.com/
Kind regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio -
August 6, 2018 at 2:16 pm #23619
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/Kgj8xT6Maybe beacause i deleted one variation swatch plugin which was not active?
-
August 6, 2018 at 6:06 pm #23628
Hi,
Please go to Product > Attributes and change color type to color and size to label.
Regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio -
August 7, 2018 at 2:45 pm #23666
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?
-
August 7, 2018 at 4:48 pm #23670
Hi,
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>'; }
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio -
August 7, 2018 at 5:23 pm #23672
after adding the code it says save 0% on all the products , here (https://imgur.com/PzOkU8m)
-
August 7, 2018 at 11:23 pm #23677
I check on my local it only show for product have sale price http://take.ms/r7pcd it doesn’t show on normal product. This issue on your site related plugin Wallet.
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio -
August 12, 2018 at 3:25 pm #23767
should i remove the wallet plugin?
-
August 12, 2018 at 11:28 pm #23782
If you don’t need use any function of wallet plugin you can remove.
Kind regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio -
August 13, 2018 at 11:57 am #23796
the product page is having issues
when i click on any product with different colors it shows properly (here : https://imgur.com/P6yPVzp )
Then if i select a different color from the options the photos of the products are shown one below other ( here : https://imgur.com/ZYvD8u5 )
-
August 13, 2018 at 5:21 pm #23802
Hi,
I help you fixed by go to Settings > Autotimize and uncheck optimize javascript. It now have conflict JS on your site so it cause the issue.
Kind regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio -
August 13, 2018 at 7:20 pm #23806
but doing this will slow down my website as tested on gtmetrix
-
August 13, 2018 at 7:24 pm #23808
Hi,
I see you’re using a plugin for minify JS. So you now do it 2 times. you can turn it off in Autoptimize.
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio -
August 13, 2018 at 7:28 pm #23810
what if i remove the plugin of minify and merge instead of deactivation Autotimize?
will the problem be solved and my site speed be the same?
-
August 13, 2018 at 7:29 pm #23811
and optimise javascript code is unchecked by default it is not active in Autotimize
-
August 13, 2018 at 7:30 pm #23812
I’m not sure because it now still have conflict JS on your site. Please try do it.
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio -
August 13, 2018 at 7:33 pm #23813
Now the thing is ,optimise javascript code is unchecked by default it is not active in Autotimize and the merge minify plugin is active
can you please tell me what exactly is to be done?
-
August 28, 2018 at 8:39 pm #24148
getting this error when i try to go to order details i.e when i click on a order to edit it, in woocommerce tab.
Please help
error ;
Fatal error: Uncaught Error: Call to a member function get_currency() on null in /home/genivzno/public_html/wp-content/plugins/claue-addons/includes/currency/init.php:510 Stack trace: #0 /home/genivzno/public_html/wp-includes/class-wp-hook.php(286): Claue_Addons_Currency->jas_currency_raw_woocommerce_price(0) #1 /home/genivzno/public_html/wp-includes/plugin.php(203): WP_Hook->apply_filters(0, Array) #2 /home/genivzno/public_html/wp-content/plugins/woocommerce/includes/wc-formatting-functions.php(544): apply_filters(‘raw_woocommerce…’, 0) #3 /home/genivzno/public_html/wp-content/plugins/woo-wallet/includes/class-woo-wallet-admin.php(121): wc_price(0) #4 /home/genivzno/public_html/wp-includes/class-wp-hook.php(286): Woo_Wallet_Admin->admin_scripts(‘post.php’) #5 /home/genivzno/public_html/wp-includes/class-wp-hook.php(310): WP_Hook->apply_filters(NULL, Array) #6 /home/genivzno/public_html/wp-includes/plugin.php(453): WP_Hook->do_action(Array) #7 /home/genivzno/public_html/wp-admin/admin-header.php(97): do_action(‘admin_en in /home/genivzno/public_html/wp-content/plugins/claue-addons/includes/currency/init.php on line 510
-
August 28, 2018 at 10:10 pm #24156
Hi,
This issue cause by conflict WooCommerce Wallet plugin, we recommend deactivate this plugin if you don’t use this.
Kind regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio -
August 29, 2018 at 2:01 pm #24178
is there any other wallet plugin i canuse? because i really need the wallet plugin
-
August 30, 2018 at 12:50 am #24215
Hi,
I checked the Wallet plugin you used on my local it still work well. Could you try update theme to latest version and check again.
Kind regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio -
August 30, 2018 at 5:57 pm #24240
One last help is needed.
I need to customise the checkout page.
Currently all the options like selecting patment method, adding address cart total everything is shown in one single page.
I want it to be in 3 different stages(pages). This is
1st Address selection : https://imgur.com/FcYbYrk
2nd Order summary : https://imgur.com/UmmITgb
3rd Payment : https://imgur.com/B1DaDaj
like it is on the https://www.bewakoof.com/
Is there anything we can do?
i dont want it to be same as the images but i want it in three stages with proper layout
im ready to pay and also give you my wordpress credentials.
Attachments:
You must be logged in to view attached files. -
August 30, 2018 at 11:18 pm #24251
-
August 31, 2018 at 3:00 pm #24267
When will you guys be free?
-
August 31, 2018 at 6:56 pm #24271
Hi,
I’m not sure when we free.
For the issue with Wallet plugin, please delete plugin claue-addons and reinstall again.
Kind regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio -
September 2, 2018 at 10:08 pm #24319
Okay so i tried installing WooCommerce Multi-Step Checkout By SilkyPress plugin so that i can customise my checkout page and split it into multi steps, but the plugin doesnt work after activating it. The plugin worked fine when i switched the theme back to the default one that is twenty seventeen. I did contact the plugin developer and he said
“It means that the theme also modifies the checkout page and it overwrites the changes from the WooCommerce Multi-Step Checkout plugin.
I cannot test with the Claue theme, as this is a commercial theme. Maybe you can contact the theme developers and ask them for a solution. ”
here is the plugin link : https://wordpress.org/plugins/wp-multi-step-checkout/
will you please atleast help me with this
-
September 3, 2018 at 5:10 pm #24337
Hi,
Please go to themes/claue/core/libraries/vendors/woocommerce/templates/ and rename folder “checkout”
and you have do it again when update new version of theme.
Kind regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio -
September 4, 2018 at 12:42 pm #24375
rename folder “checkout” to?
and after renaming i have to install the plugin and check right?
-
September 4, 2018 at 5:38 pm #24391
Yes, please rename and install plugin and check again.
Kind regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio -
September 4, 2018 at 6:30 pm #24400
what should i rename the folder to?
-
September 4, 2018 at 7:35 pm #24405
Hi,
Please change to any name to different “checkout”, example “checkout1”
Kind regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio -
September 6, 2018 at 1:49 pm #24458
where can i download the claue addons plugin because u said to delete and reinstall the plugin
-
September 6, 2018 at 5:14 pm #24465
Hi,
After delete please go to Appearance > Install plugin to auto download and install.
Kind regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio -
September 7, 2018 at 1:47 am #24476
the checkout page on mobile is off screen
check attachment
Attachments:
You must be logged in to view attached files.-
September 7, 2018 at 1:53 am #24478
i fixed it 🙂
-
-
September 23, 2018 at 7:42 pm #24988
i changed the color scheme for my website, but it doesnt appear to be live on the website
website : https://imgur.com/olIrjfB
settings : https://imgur.com/nUD6clD
Attachments:
You must be logged in to view attached files. -
September 23, 2018 at 9:35 pm #24990
Hi,
I checked these option the code update http://take.ms/VyQMz
Kind regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio -
September 24, 2018 at 8:29 pm #25002
i dont know y again my checkout plugin WooCommerce Multi-Step Checkout by SilkyPress is not working! please help im loosing sales
-
September 25, 2018 at 7:57 am #25012
Hi,
I’m not sure which cause the issue, please try unminify js or contact with plugin author.
Kind regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
-
-
AuthorPosts
You must be logged in to reply to this topic.