In mobile version , how to reduse buy now button length ?

In mobile version buy now button is full lenght but cart to button not. i want to reduce buy now button length in mobile version. witch is same to same with add to cart button length. how to take it.

Attachments:

You must be logged in to view attached files.

Hello,

Can you please share the product page URL so I can check and give you the custom CSS code to change the width of the Buy Now button?

Best Regards.

https://kopaliya.com/product/%e0%a6%95%e0%a7%8b%e0%a6%a1%e0%a6%83-lin37-bow-mesh-nightgown/

I want to change only for mobile version, pc vesion is ok

Hello,

Try to add the following custom css code in Theme Settings > Custom CSS > Custom CSS for mobile:

/* Keep all cart form items on one line */
    .single-product form.cart {
        flex-wrap: nowrap !important;
    }

    /* Force both buttons to take equal space */
    .single-product form.cart .single_add_to_cart_button,
    .single-product form.cart .wd-buy-now-btn {
        width: auto !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

Best Regards

it ok for mobile, but not work for mobile landscape, tablet

Hello,

Please try to use this same Custom CSS code in Theme Settings > Custom CSS > Custom CSS for tablet and Custom CSS for mobile landscape area and check how it works.

Best Regards

i check it but not work, after mobile landscape view, and reload it same as before

Attachments:

You must be logged in to view attached files.

Hello,

I have checked your site in landscape mode and the code is working fine.

See the screenshot for clarification: https://postimg.cc/SXGWwjSn

Best Regards

it is vertical mode, Working not fine, i check my phone and others phone dear. you screenshot is vertical mode

Attachments:

You must be logged in to view attached files.

Hello,

Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

Best Regards

Send it to personal contact > General Manager

I Send it to you in personal contact > General Manager

Hello,

We have a private area (below the message area): which is visible to moderators only so you can leave the details there.

Best Regards

ok

Hello,

I have again checked your site in mobile landscape mode and it is displaying correctly.

See Screenshot for clarification: https://postimg.cc/rDg8GKNM

Please clear your site cache, browser cache, and check the site in incognito mode / another browser or device to confirm if the issue persists.

If the issue remains, could you please let me know which device or browser you are using?

Best Regards

Ok , Thank You

Hello,

You’re Most Welcome!

Feel free to write back anytime. If you need further assistance, we are always here to help you.

If you have a minute, we’d truly appreciate your feedback — it helps us improve the product and shape future updates more effectively. We’d love your feedback on our theme:
https://www.trustpilot.com/review/xtemos.com

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts