How to modify the product title size?

How to modify the product title size? I want the title size of the computer version to be different from the product title of the mobile product page. Now the product title of the mobile product page is too large. The following code I wrote separately does not work. How to modify it? The current product page title size is
.product_title {
font-size: 24px;

}
Mobile product page product title code

@media (max-width: 576px) {
.product_title {
font-size: 18px;
}
}
Is it like this? But why is it not effective? How to modify it?

Hello,

Navigate to Theme Settings -> Typography -> Advanced -> create such a rule and define the size for each device – https://prnt.sc/AysDTI20SgRD

Kind Regards

It is not the product title of the grid page, but the mobile version of the product title font of the product details page is too large. Can it be set to a different size from the computer version? Now if you want to change the product title size, you have to change it all. You can’t set different sizes for the computer version and the mobile version.

Attachments:

You must be logged in to view attached files.

Hello,

Then use another rule like shown here – https://prnt.sc/gQoEq15w9uQZ it will change the product title in the product page.

Kind Regards

Hello, why is the left side of the checkout page messed up? How to fix it?

Attachments:

You must be logged in to view attached files.

I have another question, why did Tawk.to Live Chat suddenly not show up? It was working before today, but it is not working today. The code is still on the website. I don’t know why. Can you help fix it?

Attachments:

You must be logged in to view attached files.

Hello,

On my side it works well – https://prnt.sc/TZrw8LpsLudm

If you have any questions, let me know.

Kind Regards

Why is it that after I click the Add to Cart button, it keeps loading in circles and I cannot add the product to the cart?

Attachments:

You must be logged in to view attached files.

Hello,

Please disable all plugins except these ones:

Elementor or WPBackary
Woodmart Core
WooCommerce
Enable the Parent theme

Then activate the plugins one by one, checking the issue to detect which one causes the problem.

Let me know the result.

Kind Regards

When clicking Add to Cart on the WooCommerce website, the button keeps circling and loading. What is the reason? This error still exists and it is a very serious error. Can you help me fix it?

Hello,

Send me access to the admin panel and confirm the permission for plugins deactivation and switching to the parent/default theme.

Kind Regards

My website is running ads. Please try not to affect the normal operation of the website. Thank you

Hello,

In this case, I suggest you clone your website and move it to the staging platform so that your live site will not be affected.

https://www.wpbeginner.com/wp-tutorials/how-to-create-staging-environment-for-a-wordpress-site/

Looking forward to hearing back from you!

Kind Regards

Hi, please help me fix the add to cart button issue directly, this is a big problem,

Please help fix the add to cart button issue as soon as possible

Hello,

The “Snapchat Pixel for WooCommerce” plugin affects that issue, so disable it and recheck the issue.

Thank you for your time.

Kind Regards

Hello, I turned on the Header banner, and a blank bar appeared at the top of the homepage. How can I delete it?

Attachments:

You must be logged in to view attached files.

Hello,

Please update access to the admin panel – https://prnt.sc/5tmdU28ZuyXY

I await your response.

Kind Regards

I updated my login information. In addition to the above problems, there is another problem. How can I modify the bottom navigation menu bar to increase the width of the first column and reduce the spacing of the second column navigation menu so that the spacing of the next four columns is the same, and the spacing of the first column is the widest?

Attachments:

You must be logged in to view attached files.

Hello,

1. The issue in the slider item itself – https://prnt.sc/uFHu3DfrRsgH , https://prnt.sc/_5Nrp37NBjbC as you can see the item has that gap by default.

2. Create a Footer via HTML Block, in this way, you can manipulate the design via page builder and then assign it in Theme Settings -> Footer -> https://prnt.sc/UENt6oja-N85

Kind Regards

1. Is there any way to remove the gap between the first video carousel?
2. Can I use HTML Block to create a new bottom without using the current bottom?

After I dragged it, the gap was almost gone.

I plan to add a module with a video or GIF image as the background on the homepage, but the height is not displayed in full. How can I solve this problem? The video cannot be displayed in full width. After changing it to GIF as the background image, it can be displayed in full width but not in full height. How can I solve this problem?

Attachments:

You must be logged in to view attached files.

Send me the URL link to that page from your screenshot.

Thank you in advance.

Kind Regards

The width and height of the homepage of the website are not fully displayed when a video or GIF file is used as the background. How to solve this problem?

Attachments:

You must be logged in to view attached files.

Another question, how can the icons in the why choose us tab of the product page such as https://timelesstar.com/product/dulcinea-round-four-prong-hidden-halo-diamond-engagement-rings-1-39ct/ be displayed side by side on the mobile phone instead of only one icon in a row which makes the page too long? The effect of displaying 3 icons in a row side by side on the computer version remains unchanged.

Attachments:

You must be logged in to view attached files.

Hello,

I suggest using our “Information Box” carousel element – https://prnt.sc/Ck5xVSsLLnh5 so on mobile it will not make the page long.

If you have any additional questions, let me know.

Kind Regards

1. Can you help me change it to display side by side on the mobile phone?
2. The homepage adds a module background color and the video cannot be displayed in full width and height. After changing to a GIF file as the background, the computer version still cannot display in full width. Why? How to fix it

Attachments:

You must be logged in to view attached files.

Hello,

1. I see that you have configured them side by side – https://prnt.sc/16izZD3jmrMG , or do you want to hide titles as well on mobile ?

2. We can see that on your screenshot it’s full width – https://prnt.sc/WdcmSeL9_VdG and on my side, it’s full width as well – https://prnt.sc/67Zh1t1yhl9C

Kind Regards

The first problem has been solved, but the second problem has not. The full width is not displayed. Whether using an mp4 video as the background or a gif image as the module background, the full width and height cannot be displayed. You can take a look at our original GIF file.

[Author]

Posts