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

This topic has 17 replies, 2 voices, and was last updated 1 year ago by Aizaz Imtiaz Awan.

Viewing 18 posts - 1 through 18 (of 18 total)

Author

Posts
December 22, 2023 at 9:23 am #523902

CYCLEPRO
Participant

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.

December 22, 2023 at 2:24 pm #524005

Aizaz Imtiaz Awan
Keymaster

Hello,

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

Best Regards.

December 24, 2023 at 9:58 am #524298

CYCLEPRO
Participant

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.

December 25, 2023 at 9:46 am #524382

Aizaz Imtiaz Awan
Keymaster

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.

December 26, 2023 at 4:04 am #524558

CYCLEPRO
Participant

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.

December 26, 2023 at 11:47 am #524604

Aizaz Imtiaz Awan
Keymaster

Hello,

You have missed the attached file.

Best Regards.

December 27, 2023 at 3:49 am #524760

CYCLEPRO
Participant

Hello,

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

Best Regards.

December 27, 2023 at 10:30 am #524797
Aizaz Imtiaz Awan
Keymaster
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.
December 28, 2023 at 4:07 am #525054

CYCLEPRO
Participant

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.

December 28, 2023 at 11:52 am #525122
Aizaz Imtiaz Awan
Keymaster
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.
December 29, 2023 at 4:27 am #525375

CYCLEPRO
Participant

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.

December 29, 2023 at 1:04 pm #525455

Aizaz Imtiaz Awan
Keymaster

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.

January 2, 2024 at 4:23 am #525926

CYCLEPRO
Participant

Hello,

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

Best Regards.

January 2, 2024 at 4:26 am #525927

CYCLEPRO
Participant

.

January 2, 2024 at 11:36 am #525990
Aizaz Imtiaz Awan
Keymaster
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.
January 3, 2024 at 9:38 am #526282

CYCLEPRO
Participant

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.

January 4, 2024 at 4:21 am #526611

CYCLEPRO
Participant

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,

January 4, 2024 at 11:18 am #526704

Aizaz Imtiaz Awan
Keymaster

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