Home › Forums › WoodMart support forum › Variable product Tablet and Mobile
Variable product Tablet and Mobile
- This topic has 9 replies, 2 voices, and was last updated 4 years, 9 months ago by
Aizaz Imtiaz Awan.
-
AuthorPosts
-
December 10, 2020 at 12:10 pm #249584
RachidParticipantHow can i put variations in one line just like desktop version for tablet and mobile versions
Please check screenshot
Attachments:
You must be logged in to view attached files.December 10, 2020 at 12:54 pm #249602
Aizaz Imtiaz AwanKeymasterHello,
I saw the screenshot you attached.
Please try adding the following Custom CSS in the Custom CSS for Mobile area and Custom CSS for Tabler area under Theme Settings >> Custom CSS.
.variations_form td { display: inline; }
Regards.
Xtemos Studios.December 10, 2020 at 12:58 pm #249608
RachidParticipantHi there!
Thank you for the quick reply! this has worked, but the clear button is not aligned and also the variation shows two times as you can see in the attached screenshot
Attachments:
You must be logged in to view attached files.December 10, 2020 at 1:03 pm #249612
Aizaz Imtiaz AwanKeymasterHello,
You are Most Welcome.
I saw the screenshot you attached.
The variation is not showing two times the selected variation is showing. And for the clear filters provide with the URL of the product to check it myself and help you out accordingly.
Best Regards.
December 10, 2020 at 1:05 pm #249613
RachidParticipantThanks a lot please check private section!
i just want it to show and behave just the same like the desktop version
December 11, 2020 at 5:59 am #249823
Aizaz Imtiaz AwanKeymasterHello,
You are Most Welcome.
I have tried visiting the URL you provided but it’s not working displaying blank even if I have used a proxy.
Screenshot for Clarification: https://ibb.co/Vv26K5X
Please make sure that your website is working to check it myself and help you out accordingly.
Regards.
Xtemos Studios.December 11, 2020 at 8:05 am #249873
RachidParticipantSorry for the inconvenience, please try now again
Thank you
December 11, 2020 at 10:15 am #249906
Aizaz Imtiaz AwanKeymasterHello,
Please try adding the following Custom CSS in the Custom CSS for Mobile area under Theme Settings >> Custom CSS.
.product-design-default .variations_form .reset_variations { position: relative; top: 2px; left: 5px; } .variations_form .label .wd-attr-selected { display: none; }
Regards.
Xtemos Studios.December 11, 2020 at 1:02 pm #250002
RachidParticipantThank you, Aziz! That worked
still have one question please check the private sectionDecember 11, 2020 at 1:13 pm #250010
Aizaz Imtiaz AwanKeymasterHello,
You are Most Welcome.
I watched the video you attached. It is the default behavior and you can see it by removing the CSS code I provided you with.
And we have changed the position using CSS but not the actual module this is why it is happening. And there is no option to remove it.
Regards.
Xtemos Studios. -
AuthorPosts
- You must be logged in to create new topics. Login / Register