WooCommerce Product Page issue

[Keremdo]

Hey Guys,

on this site for example https://www.exklusy.de/produkt/pyrply/
you can see at the bottom “Auch einen Blick wert”, similar products.

Somehow, the description on some products below does only show when reloading the page again ( as seen in the 2 screenshots ).

The pictures have different sizes so is that maybe the problem, am i able to set a size for every picture?

best Regards,

-Steve-

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

Yes that’s because your images are different sizes and the height of the carousel is set by the first item height

– Kyle

[Keremdo]

Hey Kyle,

thanks!
Is there a way to change or fix this ?

-Steve-

[Kyle – SUPPORT]

Add this to your custom css:

.related.owl-carousel .owl-wrapper-outer.autoHeight {
  min-height: 460px;
}

– Kyle

[Keremdo]

Hey Kyle,

that works great for PC and Mobile, but on Ipad view, the text is gone ( as you can see in the 1. picture )

I Also have some other Ipad problems:

1. when using ipad in Portrait mode, the Navigation does not resize corecctly, as you can see the logo and the navigation overlays. How can you fix this? As i want the mobile view only on mobile , and not ipad. ( 2. Picture )

2. On Ipad the Title and Subtitle are not correctly displayed ( 3. Picture )
The title is too low and so the subtitle is not visible any more.

Attachments:

You must be logged in to view attached files.

[Keremdo]

Any help? also i have a spacing between title area and mobile header on Portrait mode on ipad on all pages as seen in the picture and after your change in blog options ( https://www.exklusy.de/magazin/ ) on ipad portrait mode it is not centred.

Attachments:

You must be logged in to view attached files.

[Keremdo]

Hey Kyle,

it would be nice to know how to handle the mentioned Problems.

1. Navigation resizing ( collision with the Logo and Wishlist Icon switching to the bottom

2. The code you gave me works, but after resizing the text is gone for similar products ( ipad portrait )

[Kyle – SUPPORT]

Hi

1) You need to switch to the mobile menu earlier, go to Theme Options > Mobile Header Options

2) Change it to:

@media only screen and (min-width: 769px) { 
.related.owl-carousel .owl-wrapper-outer.autoHeight {
  min-height: 460px;
}
}

– Kyle

[Keremdo]

Hey Kyle,

thanks but the code does not fix the Problem, still not working.

The first code you gave me worked fine, just on resizing (ipad) it did not work properly.

The code above doesnt fix anything.

And second about the Blog you´ve changed to a smaller size, ass seen in the picture above its not centred on ipad Portrait ( http://www.exklusy.de/magazin )

-steve-

[Kyle – SUPPORT]

Please provide me with a login so I can look into this

– Kyle

[Keremdo]

This reply has been marked as private.

[Kyle – SUPPORT]

Have you removed the code?

– Kyle

[Keremdo]

Hey, yes i did because it did not work..

[Kyle – SUPPORT]

Try this:

.owl-carousel .owl-wrapper-outer {
height: auto!important;
}

– Kyle

[Keremdo]

Hey,

still not working for Ipad portrait ( you can see this when resizing the Browser ).

-Steve-