Home Forums WoodMart support forum Variable product Tablet and Mobile

Variable product Tablet and Mobile

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #249584

    Rachid
    Participant

    How 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.
    #249602

    Hello,

    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.

    #249608

    Rachid
    Participant

    Hi 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.
    #249612

    Hello,

    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.

    #249613

    Rachid
    Participant

    Thanks a lot please check private section!

    i just want it to show and behave just the same like the desktop version

    #249823

    Hello,

    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.

    #249873

    Rachid
    Participant

    Sorry for the inconvenience, please try now again

    Thank you

    #249906

    Hello,

    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.

    #250002

    Rachid
    Participant

    Thank you, Aziz! That worked
    still have one question please check the private section

    #250010

    Hello,

    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.

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