Mobile device orientation change bug?

  • Resolved John Graffio

    (@sensarium)


    9 years, 8 months ago

    I love this plugin!

    On a mobile device, on initial load the text looks good, title and excerpt flow properly.

    If you change orientation from landscape to portrait and vice versa, the title and except seem to run off the screen and are cut off. If you refresh the page, the text in title and except flow properly again.

    Is there a simple CSS method to remedy this text flow problem until an update can be posted?

    https://www.ads-software.com/plugins/strong-testimonials/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter John Graffio

    (@sensarium)

    Here’s a test site view it: https://pathofthewarrior.org, the widget title is Partnership Testimonials; I can reproduce this problem on my Motorola Android switching from portrait to landscape and the reverse.

    Plugin Contributor Chris Dillon

    (@cdillon27)

    Thanks for catching this and for the demo link.

    Try these empty rules in your CSS:

    /*
 * Mobile device orientation change
 */
@media only screen and (min-width: 320px) and (orientation:portrait) {
	.testimonial-widget h5 {
	}
	.testimonial-widget .content {
	}
}
@media only screen and (min-width: 320px) and (orientation:landscape) {
	.testimonial-widget h5 {
	}
	.testimonial-widget .content {
	}
}

    Thread Starter John Graffio

    (@sensarium)

    Hi Chris,

    It works like a charm on my Android phone! Nice!

    I’ll have some of my friends with iPhones/iPads check it out and let you know. I should know later in the day and then I can mark this resolved. Saved my life!

    John

    Thread Starter John Graffio

    (@sensarium)

    Chris,

    Verified on iPhone, all is fixed!

    Marking as resolved,

    John

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Mobile device orientation change bug?’ is closed to new replies.