Single product page responsive issue.

Hey recently I saw an responsive issue on mobile device. The single product page design are broken. Please help me to solve that. Here is a video link. https://www.youtube.com/shorts/RbQjem8JX5s

Hello,

Is there any chance that you could give me access to the dashboard area so I can have a look at the settings on your website, please?

Kind Regards

Yes, sure. check private messages

How do I center this right copyright section on a mobile device like the left copyright section? check screenshot .

Theme : Tethys Theme

Attachments:

You must be logged in to view attached files.

Hello,

1. I have regenerated the CSS via Elementor -> Tools -> Regenerate CSS & Data, after that the issue seems to be gone, please check the below video.

https://monosnap.com/file/ZJkoAEx84Sd9YwMVAcG1X29xkPrq2B

2. Please add the below code into the “Mobile CSS” area in Theme Settings -> Custom CSS.

.xts-footer .menu.xts-nav {
    justify-content: center;
}

Let us know if you have any questions, we will be happy to help.

Kind Regards

Thank you. 😊
Now everything work fine. your the best.

I have an little question about this [ custom single product page in mobile device ] can you check this page in mobile device?
here is the link 😊
https://new.beyondtheburningsands.net/shop/full-zip-man-jacket/

How to fix that? 🙃

Attachments:

You must be logged in to view attached files.

Hello,

Try to use the below code, enter it into the “Mobile CSS” area in Theme Settings -> Custom CSS.

.single-product .xts-variation-swatch:not(:last-child) {
        margin-right: 7px;
}

Kind Regards

this code are not working. i want to Aline it left. I’M try to do that. But please me to do

Attachments:

You must be logged in to view attached files.

Hello,

Sorry for the delay.

Thank you for the clarifications. Please enter the below code into the “Mobile CSS” area in Theme Settings -> Custom CSS.

.single-product .variations tr {
    display: flex;
    flex-direction: column;
}

.single-product .variations tr:first-child .label {
    margin-bottom: 20px;
}

Kind Regards

It work. 🔥
Thank you so much XTEMOS Team,😊✌️

Hello,

You are welcome!

Always remember that you can reach out to us with any questions you may have.

We wish you a splendid day!

Kind Regards

[Author]

Posts