help to check the layout of wishlist and quickview buttons on mobile

Hello,

Please help to check the layout of wishlist and quickview buttons on mobile shop page, they is a messy layout of them. See attached screenshot for clarification please.
Thank you in advance!

Best regards,

Attachments:

You must be logged in to view attached files.

Hello,

Now I have checked your site and the button is showing at the bottom.
Screenshot for clarification:
https://ibb.co/SP6Z9cr

Best Regards.

Hello,

Sorry！I checked with several devices but it remained the same. Have you tested to click the button and refresh the page?

Best Regards.

Hello,

I have checked your site again and the add to quote button is showing at the bottom. Can you please tell us which browser you are using and share the small video for better understanding.

Best Regards.

Hello,

I have tested with android and ios systems on mobile phones, see attached screenrecord video which I took it with iphone 14 pro max. Thanks!

Best Regards.

Hello,

You have missed the attached file.

Best Regards.

Hello,

Sorry！ you can now see it on googledrive, thank you！

Best Regards.

Hello,

Add below Custom CSS code to Theme Settings > Custom CSS > Custom CSS for mobile:

.product-grid-item.product .yith-ywraq-add-to-quote .yith-ywraq-add-button > a.add-request-quote-button.button {
    top: 80px;
}

Best Regards.

Hello,

Thanks for your support! But the ADD TO QUOTE button has been hiden after using the code, pleae help to check. By the way, there is a vertical line there that we don’t need so please remove it also. Thank you so much!

Best Regards.

Attachments:

You must be logged in to view attached files.

Hello,

01. Please clear the cache and check the issue the add to quote button is showing on your site.

02. Add below Custom CSS code to Theme Settings > Custom CSS > Custom CSS for mobile:

.product.wd-hover-base .wd-bottom-actions.wd-add-small-btn>div:not(:empty)+div:not(:empty), .product.wd-hover-base .wd-bottom-actions.wd-add-small-btn>div:not(:empty)+div:empty+div:not(:empty) {
    border: none !important;
}

Best Regards.

Hello,

I am sure that caches have been cleared so I don’t know what is the problem. I took a screenrecoard you may have a watch.
The code to remove the vertical line is good. Thank you!

Best Regards.

Hello,

Please check the site on real mobile devices and change the custom css code value as per your requirements.

If you have any questions please feel free to contact us.

Best Regards.

Hello,

Yes， now is the real mobile devices, please see attached screenrecord, thank you!

Best Regards.

.

Hello,

Please check it now, I have updated the custom CSS code in theme settings:

/* fix a messy layout of butttons on shop page grid, to keep showing buttons at the bottom*/
.product-grid-item.product .yith-ywraq-add-to-quote .yith-ywraq-add-button > a.add-request-quote-button.button {
    margin-top: 16%;
}
.hover-content.wd-more-desc.wd-more-desc-calculated {
    margin-bottom: 5%;
    height: 40px;
}

Best Regards.

Hello,

Sorry！It seems nothing were changed yet, this is the last ticket for support so please try to help, thank you!

Best regards,

Attachments:

You must be logged in to view attached files.

Hello,

It seems all are okay now, that mean we don’t do anything more. But I didn’t know why the change took so long to work as it should be, can you let me know? thank you!

Best reagards,

Hello,

Glad that the issue is fixed.

It seems to be a cache issue on your end. Let me know if there is anything else I can help and have a good day!

Best Regards.

[Author]

Posts