attribute does not appear on mobile after update

attributes, which appear on the product pages before updating the theme, are not displayed on mobile pages after updating the theme. can you help?

before https://prnt.sc/va0l0m

after update https://prnt.sc/va0mov

Hello,

Can you please share the WP admin login details of your site so I will check and solve the issue?

Best Regards.

yes

Hello,

I have visited your website. Please try adding the following Custom CSS in the Custom CSS for the Mobile area under Theme Settings >> Custom CSS.

.product-labels {
	display: block !important;
}

Then deactivate the cache plugin clear browser cache and check back.

Best Regards.

I added it to these two areas and cleared it in memory. it still doesn’t appear on mobile. can you check it out?

https://prnt.sc/vamvku

Hello,

I have logged into your website and the issue is caused due to syntax errors in the Custom CSS that you added under Theme Settings >> Custom CSS. Under all the specific devices.

I have checked after removing all the other CSS code and the CSS I provided you is working absolutely fine and the labels displayed.

Screenshot for Clarification: https://ibb.co/cxyh00N

I have re-added your CSS back and you can try correcting it this will fix the issue.

Best Regards.

it worked like this, thank you very much. but the shopping Button and attributes look the same. how can I get the attributes or shopping button on the right side
https://prnt.sc/vaorp4

Hello,

You are Most Welcome.

Please try adding the following Custom CSS in the Custom CSS for the Mobile area under Theme Settings >> Custom CSS.

.product-labels {
	position: absolute;
	margin-left: 100px;
}

Regard’s.
Xtemos Studios.

is it true?

for Custom CSS for mobile;

.product-labels {
display: block !important;
}

.labels-rounded .label-with-img
padding: 0;
min-height: auto;
max-width: 10px;

.product-labels {
position: absolute;
margin-left: 100px;
}

Hello,

The CSS I provided you is correct but the CSS in the middle that you added is missing the braces.

The Correct CSS will be as follows:

.product-labels {
display: block !important;
}

.labels-rounded .label-with-img {
padding: 0;
min-height: auto;
max-width: 10px;
}

.product-labels {
position: absolute;
margin-left: 100px;
}

Best Regards.

[Author]

Posts