Home › Forums › WoodMart support forum › iPad issues

iPad issues

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • December 21, 2020 at 10:42 pm #252908

    Mido_exe
    Participant

    Hi,
    Some issues I have with iPad portrait layout:
    1- Ajax product tabs jump down to another row instead of scrolling to side. See attached 1
    2- on product page the attribute title stick on the same row as the variations images unlike mobile version where the title position is above the images. See attached 2

    Another question about SKU and category section, how to disable them on product quick view?

    December 21, 2020 at 10:47 pm #252909

    Mido_exe
    Participant

    http://prnt.sc/w7fq1h

    http://prnt.sc/w7fqdj

    December 22, 2020 at 1:03 am #252933

    Elise Noromit
    Member

    Hello,

    Thank you very much for choosing our theme and for contacting us.

    Please provide your site admin access to the private area. We will check the pages on other browsers to detect if the problem is caused by the browser or the content arrangement.

    Best Regards

    December 22, 2020 at 11:10 am #253057

    Mido_exe
    Participant

    Hi,
    Please see private content below

    December 22, 2020 at 1:54 pm #253112

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    @media (max-width: 1024px) {
	.variations_form td {
		display: block;
	}
  .woodmart-products-tabs .products-tabs-title {
		overflow-y: auto;
    margin-right: -10px;
    margin-left: -10px;
    white-space: nowrap;
    mask-image: linear-gradient(to left,transparent 5px,#000 40px);
    -webkit-mask-image: linear-gradient(to left,transparent 5px,#000 40px);
  }
}

    Best Regards

    December 22, 2020 at 2:26 pm #253121

    Mido_exe
    Participant

    Thanks alot. This has solved 1 and 2. Regarding 2, would it be possible to show the variation name as in mobile.
    https://prntscr.com/w7vbzi

    What about 3? Can you help with that? How to disable SKU and category section on product quick view?

    Best regards
    /Mohamed

    December 22, 2020 at 3:24 pm #253131

    Mido_exe
    Participant

    One more request please, can you edit the code for question 2 to be standard, I mean to be like that even on pc and on wide position ipad and mobile. Thank you!

    December 22, 2020 at 7:40 pm #253170

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global for the SKU:

    body .popup-quick-view .product_meta>span {
display:none;
}

    If I understand your request properly, add this edited code to Global, and remove the previous one: 

    	.variations_form td {
		display: block;
	}
  .woodmart-products-tabs .products-tabs-title {
		overflow-y: auto;
    margin-right: -10px;
    margin-left: -10px;
    white-space: nowrap;
    mask-image: linear-gradient(to left,transparent 5px,#000 40px);
    -webkit-mask-image: linear-gradient(to left,transparent 5px,#000 40px);
  }

    Best Regards

    December 22, 2020 at 8:49 pm #253184

    Mido_exe
    Participant

    That’s great! Thanks a lot 💐

    December 22, 2020 at 11:02 pm #253195

    Elise Noromit
    Member

    You are welcome! If you have any questions please feel free to contact us.

    Best Regards

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