Mobile Sold out label Layout + General Theme query

Hi,
I definitely enjoying the theme no doubt one of the best in market.

I just launched my site yesterday found out only on mobile “Sold out” label is not perfectly aligned. Please have a look I have attached the screenshot.

Second query, I want this theme to use for my other 2 fast food shops. I didn’t find any prebuilt sites from you. Is there any possibilities in future I may see those and with using woodmart do you suggest I can make a fast food website. You know food menu could have some add-on products too. Therefore, Do you think I may need some extra plugins that would work with theme or woodmart theme will be enough to handle Restaurant menu.
Thanks!

Attachments:

You must be logged in to view attached files.

Hello,

Please send us the page url. I will send you a custom css code.
02. Go to Woodmart > Pre Built websites import the demo as you want for example Food demo and Food Delivery demo.

Best Regards.

Hi Azaiz,
I much appreciate your support.
Actually, the sold out label is out of shape where ever it is used for the product. Like, home page, men, women or even when you open single product (with sold out label) page on Mobile.
Here are the links to that pages.
https://jeniceonline.com/shop/shirt-000/
https://jeniceonline.com/women/
https://jeniceonline.com/men/
https://jeniceonline.com/

Thanks
Best Regards,
Nasir

Attachments:

You must be logged in to view attached files.

Please add this code to the Theme Settings > Custom CSS > Mobile:

.product-labels.labels-rounded .out-of-stock {
max-width: 63px;
}

Best Regards.

Hi,
I did apply the code as you said but it did not affect anything. I am attaching screenshots of Custom CSS code and Mobile where it is still same. I waited that long thought might clear out the cache and then may show up.
The code is there and website is live you may have look yourself too please.

https://jeniceonline.com/

Thanks!
Regards,
Nasir

Attachments:

You must be logged in to view attached files.

Hello,

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

Best Regards.

Yeah Sure! Thanks!

Hello,

I am unable to login to your site due to recaptcha verification.
https://ibb.co/Mk7YPH9

Best Regards.

Hi,
I deactivated the plugin please try again.
Thanks!

Hi,
Any update please.

Hello,

I have added the below code in the theme settings >> Custom CSS >> CSS for mobile section:

.product-labels.labels-rounded span.out-of-stock.product-label {
    min-width: 64px !important;
}

But it is not working because of the cache issue or may be any 3rd party plugin. Please delete all sorts of cache from the site and server then deactivate all the 3rd party plugins and acitvate only theme required plugins then check back the site, I am sure your issue will be solved.

Best Regards.

Alright! Let me do it I update you on this. Thanks!

Hi Aizaz,
I deactivated all the third party Plugins, removed cache from server side by contacting Bluehost and also removed the browser cache too. But nothing fixed. Would you please fix this ASAP.

I have put my website on Maintenance mode.

Thanks!

Regards,
Nasir

Hello,

Your issue has been resolved. I have added the following css code in Appearance > Customize > Custom CSS:

@media (max-width: 576px) {
  .product-labels.labels-rounded .out-of-stock {
    max-width: 63px;
    /* Additional styles for mobile devices here */
  }
}

Best Regards.

[nasir-2290]

Hi,

Thank you so much that is much appreciated. It is good now!
you can close this support ticket please.

Thanks!

• This reply was modified 8 months ago by nasir-2290.

Most Welcome!!!.

I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts