Compare quickview wishlist on mobile.

Hello hope all are well.
I followed a previous thread to show compare and quickview on mobile product page. This works fine but it sort of covers 1/3 of the image.
Is there a way of having it either transpareant or shown in a horizantal way either on top oe at the bottom of the image?
Regards

Hello,

Can you please share the page URL so I will check and give you a possible solution.

Best Regards.

Sure,
panjwani.co.tz

Thanks

Hello,

To adjust the position or transparency of the compare and quick view buttons on the mobile product page, you can use the following CSS in Theme Settings > Custom CSS > Custom CSS for mobile.

Make Buttons Transparent use this CSS.

.wd-buttons.wd-pos-r-t {
    background-color: transparent;
 }

To change the button position use this CSS:

.wd-buttons.wd-pos-r-t {
        top: 30px !important;
        right: 0px !important;
        left: 0px !important;
    }

Best Regards

Hello,
Thankyou for your reply.
Using the
.wd-buttons.wd-pos-r-t {
top: 30px !important;
right: 0px !important;
left: 0px !important;
}
on mobile css shows according to picture submitted.

Attachments:

You must be logged in to view attached files.

Hello,

Try to use the following CSS in Theme Settings > Custom CSS > Custom CSS for mobile.

.wd-buttons.wd-pos-r-t {
        top: 30px !important;
    right: 100px !important;
    }

Best Regards.

Hi thankyou for your reply,
With the above code it doesnt go horizantl it goes all the way to the left when you are viewing the mobile.
Regards

Hello,

Navigate to Theme Settings -> Product archive -> Products styles -> Choose the “icons on hover” style.

Best Regards

Hi thankyou for the suggestion. Hover works fine on desktop but need to make it work on mobile than its done. If there a code to add let me know.
Regards

Hello,

Try to use the theme preset feature of our theme for mobile device only and choose the style for mobile only.
Here is our documentation on how to use theme presets. https://xtemos.com/docs-topic/theme-settings-presets/

Best Regards.

Thankyou shall try and update you. Appreciate your help.

Hello,

Ok, I am waiting for your response.

Best Regards.

Hi hope you are well.
I couldnt figure out what to choose in theme presets. If you can guide me further it would help.
Regards

Hello,

Please see this video for better understanding:
https://youtu.be/J4hHAxJhAIU

Best Regards

Hi,
Thankyou for your reply.
Above solution doesnt work too.
Regards

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

Hello,
Sorry for the late reply as had travelled but decided against showing these icons.
Regards

Hello,

Which issue about the icons? The icons are showing on your site.

Best Regards

Hi icons on mobile were not correct as per my site. Hence decided to not use them.
Regards

Hello,

Do you want to remove these icons from the mobile?

Best Regards

Hi already removed for now.
Thanks for getting back. There is another post on sidecart issue and the solution suggested have already tried and doesnt work.
So if one of your team can look into that too please.
Regards

Hello,

I have replied to your thread. Please check the other thread for further details and updates. Let me know if you need any more assistance!

Best Regards

[Author]

Posts