Resposive tablet image column alignment problem

[kodanska]

Hello, I have a problem with my site when viewed on tablet. In the first part of the site i have two columns set up, left one with a slide and the right one with two images seperated by a spacer. I had to work with the “fixed” height attribute in the setting to get the two columns aligned in height which works great when you view on desktop browser. However when i view on the tablet / ipad the column with the sliders’ height is lower than the column with the two images. Is there away i can get this aligned in height?

See image attached displaying the issue.

Thanks

Anders

Attachments:

You must be logged in to view attached files.

[kodanska]

hello, just one small update, please note that i have enabled the “column equal heights” setting in the row settings but this still does not fix the problem on the tablet.

[David Martin – Support]

Yes I see that also, please add this to Theme Options => Custom CSS:

@media (min-width: 992px) {
.swift-slider-outer,
.swift-slider {
    height: 530px!important;
}
}

[kodanska]

hello, its does not seem to work properly. I can see that the placeholder is now aligned bud the image in the slider either flickers or stays the same size as before, please visit the site on ipad in landscape mode again and see attached.

Any other ideas?

Thanks a lot!

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

This should help you out further:

@media (min-width: 992px) {
.swift-slider-outer,
.swift-slider,
.swiper-slide.image-slide {
    height: 530px!important;
}
}

[kodanska]

ok thanks a lot, this fixed it, but i still have one questions.

Why does it show it as two columns on the ipad when i have set this up as “hidden on tablet+phone”. Its as if the ipad in landscape mode does not apply to this setting? can this be right?

[David Martin – Support]

Yes, iPad in landscape mode would not be included in that – portrait would though.

Thanks.