Slider height wrong on mobile device

  • wwwolf

    (@wwwolf)


    11 years, 1 month ago

    Using v3.1.1 on WP 4.2.1:

    I have increased testimonial slider font size and line height in my CSS. I switched off adaptive height in shortcode, as it was triggering an iOS Safari bug, and the page kept jumping about (even if I was looking at text above the slider). Now the page is stable across slider transitions, but BX-slider is not calculating the height correctly, and I’m losing the bottom of the longest testimonial. I’ve reduced the line-height for narrower view which has helped a bit, but not enough.

    Can I affect that calculation somehow, or only hack the min-height in pixels, in which case I have to remember to check and re-hack if necessary when I add any more long testimonials? Or is there something else wrong in my CSS?!

    http://confidentphilanthropy.co.uk/fundraising/

    Thanks.

    https://ww.wp.xz.cn/plugins/testimonials-widget/

Viewing 1 replies (of 1 total)
  • Thread Starter wwwolf

    (@wwwolf)

    11 years, 1 month ago

    After a lot of messing about and removing & replacing bits of CSS, have given up and put a horrible hack in place, so we can launch the site and it doesn’t break on the client’s device! If anyone has any idea what’s going on, would be really helpful. What I’ve done to stop the last couple of lines and credit of the longest testimonial from disappearing in landscape on iPhone is this (and I hate it):

    @media screen and (max-width: 980px) and (min-width: 480px) {
	blockquote {
	line-height: 1.1em;
	font-size: 1.1em;
	}
	.testimonials-widget-testimonial div.credit {
	line-height: 1.1em;
	}
	.bx-viewport {
	min-height: 300px;
	}
}

Viewing 1 replies (of 1 total)

The topic ‘Slider height wrong on mobile device’ is closed to new replies.