Theme slider

Hello! There are 2 questions.

1) I use the theme slider, and on mobile smartphones the slides are displayed incorrectly. How to make the image displayed on smartphones whole and scaled?

2) Why can’t I put quotes? I set it in the settings, but they are displayed incorrectly.

Thank!

Attachments:

You must be logged in to view attached files.

Hello,

1. This is the way the background cover works. If you want to have the image as it is on mobile, add this code to the Theme Settings > Custom CSS > Mobile /Tablet /

div.woodmart-slide {
	background-size: contain;
}
div#slider-49 .woodmart-slide {
    min-height: 62vw;
}

2. The problem is caused by the font. It seems that the font does not support it. Try another font.

Best Regards

Tell me which font do you need to change?

Hello,

Please provide the page URL and site admin access, I will check and suggest.

Best Regards

The font issue has been resolved, thanks.

There are a few more questions:

1) on smartphones, the product tab on the main page is incorrectly displayed. How to fix it?

2) on smartphones the slide picture in the theme slider is not shown. How to fix it?

3) On this product (https://ekokot.com/shop/shopper-kot-v-zolote/) there is a share icon. I do not know how he appeared. How to remove it?

4) How to choose colors for mugs with discount information? Screen attached.

Attachments:

You must be logged in to view attached files.

Hello,

1. You need to insert the title: http://prntscr.com/t8ffog
2. We have tested on the several browsers and do not see the problem, please clean the cache.

3 and 4 Please add this code to the Theme Settings > Custom CSS > Global:

div.product-share {
display: none;
}

body .labels-rounded span.onsale { 
background-color:#000000; 
}

Best Regards

1) the problem is that the arrows are shifted up. Cleared the cache, opened in several browsers, everywhere this problem.

Attachments:

You must be logged in to view attached files.

Hello,

This problem would be solved if you insert the title in the tab: http://prntscr.com/t8ffog

Best Regards

Thank.

There are 4 more questions:

1) The red label does not disappear on the product page https://ekokot.com/shop/shopper-kot-v-zolote/, although the code you sent is added. What to do?

2) How to make the images in the product gallery displayed in 2 rows? An example attached.

3) How to increase the size of the inscription above the logo on the main page for computers? I paste in a regular text block, the font is too small.

4) For mobiles, on the contrary, you need to reduce the font of the inscription near the logo. How to do it?

Attachments:

You must be logged in to view attached files.

Hello,

1. Please find this code in the Theme Settings > Custom CSS > Global:

body .labels-rounded span.onsale {
    background-color: #F44B3D;
}

and replace this one:

body .labels-rounded span.onsale {
    bdisplay:none;
}

2. Unfortunately, there is no option.

3. Add this code to Desktop

.whb-top-bar .whb-text-element {
    font-size: 16px;
    line-height: 1.2;
}

4. Set the size in the code # 3 and insert into Mobile.

Best Regards

1) Replaced the code. Labels with the discount amount have become the default color.

It is necessary to remove element No.2, and element No.1 should have the color # F44B3D. With the help of the codes that you sent the element No.1 has become the desired color, and element No.2 does not disappear.

How to remove item number 2?

Attachments:

You must be logged in to view attached files.

4) I paste this code into the field for mobile and nothing changes. The text should fit on one line.

Attachments:

You must be logged in to view attached files.

Hello,

Please replace this code to the Theme Settings > Custom CSS > Global:

body .whb-header-bottom-inner .whb-text-element p strong{
	font-size:8px;
}

As for the sales label, please delete the previous code I will provide a new one.

Best Regards

I deleted the code, I’m waiting for a new one from you.

There are a few more questions:
1) There are strange spaces on the product page on mobile. Can they be removed?
2) On the main page for mobile, due to the white insertion, a photo of the product itself is not visible. How to make this insert sideways?
3) Can I make the text “1 piece left” be displayed on the product page?

Attachments:

You must be logged in to view attached files.

Hello,

1. What device do you use? I do not see these gaps.

2. It is not possible to move to this area anywhere. Wherever I place this is it would overlay the picture. I can move it to the top.

3. Woocommerce does not provide the option.

Now I view the shop page and see one label only https://prnt.sc/tb06y7

The label background is as per your requirements # F44B3D https://prnt.sc/tb0esy

Please specify.

Best Regards

1) I have these spaces in all browsers. I use a smartphone ZTE

2) Why then on the store page these icons are not? You can’t make the main one also be?

4) Only on this page https://ekokot.com/shop/shopper-kot-v-zolote/ an extra shortcut is displayed. With the background of the label, everything is in order. But how to remove the red label?

Hello,

Have a look at the screen: https://prnt.sc/tb4gp1

This label is the featured product, it seems you have renamed it. You need to remove the star in the admin panel from the product. If I give you custom CSS to hide, you will not have the possibility to show the featured products.

You can check if you have renamed the label in Loco > Plugins > Woocommerce.

You can disable the featured product in Products > remove the star by clicking https://prnt.sc/tb5ldr

Best Regards

Hello, there are 2 questions:
1) when the site loads strange popups pop up. I myself did not configure anything. Where are they from and how to remove them?
2) I want to remove the MC4WP plugins: Mailchimp for WordPress and Slider Revolution. Will it affect the site loading speed? Can I install these plugins if necessary?

Attachments:

You must be logged in to view attached files.

Hello,

You can disable or edit the popup in the Theme Settings > Shop > Promo popup.

You can delete this plugin it is compatible that is why recommended, however it is not compulsory.

Best Regards

Sorry, I did not understand the answer to 2 questions. If I remove these plugins, can I install them again for free if necessary? Removing these plugins will affect the site loading speed?

Hello,

You can remove the plugin without any problems. You can install it at any time if you want it. You will find the plugin to install in Appearance > Install plugins.

Best Regards

[Author]

Posts