Home › Forums › WoodMart support forum › Mobile Sold out label Layout + General Theme query

Mobile Sold out label Layout + General Theme query

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • September 13, 2023 at 6:45 am #495493

    nasir-2290
    Participant

    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.
    September 13, 2023 at 1:54 pm #495595

    Aizaz Imtiaz Awan
    Keymaster

    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.

    September 13, 2023 at 2:31 pm #495607

    nasir-2290
    Participant

    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.
    September 13, 2023 at 3:39 pm #495654

    Aizaz Imtiaz Awan
    Keymaster

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

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

    Best Regards.

    September 14, 2023 at 6:18 am #495824

    nasir-2290
    Participant

    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.
    September 14, 2023 at 9:13 am #495848

    Aizaz Imtiaz Awan
    Keymaster

    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.

    September 14, 2023 at 12:34 pm #495918

    nasir-2290
    Participant

    Yeah Sure! Thanks!

    September 14, 2023 at 3:30 pm #495986

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

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

    Best Regards.

    September 14, 2023 at 3:43 pm #495987

    nasir-2290
    Participant

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

    September 15, 2023 at 1:34 pm #496307

    nasir-2290
    Participant

    Hi,
    Any update please.

    September 15, 2023 at 1:43 pm #496311

    Aizaz Imtiaz Awan
    Keymaster

    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.

    September 15, 2023 at 2:39 pm #496329

    nasir-2290
    Participant

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

    September 15, 2023 at 4:00 pm #496390

    nasir-2290
    Participant

    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

    September 16, 2023 at 9:20 am #496506

    Aizaz Imtiaz Awan
    Keymaster

    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.

    September 16, 2023 at 10:57 am #496522

    nasir-2290
    Participant

    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 1 year, 4 months ago by nasir-2290.
    September 16, 2023 at 11:10 am #496531

    Aizaz Imtiaz Awan
    Keymaster

    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
Viewing 16 posts - 1 through 16 (of 16 total)

The topic ‘Mobile Sold out label Layout + General Theme query’ is closed to new replies.