Hi,
I have a row with both a siteorigin Editor and a Hero widget. I’ve created some testimonials with that. Since they vary a little in their height, the div seems to change height as the text scrolls.
How can I change that, so it does not change the height?
Thank you
Hi Eric,
Do you have a public URL where we can take a look at what’s going on?
By the way, as you’re a premium user, you’re entitled to priority email support. If you would like to make use of that, please follow the instructions found on your Page: Dashboard (please refer to the support tab). Please reference this thread and include your SiteOrigin order key in the email.
Hi Alex,
Sure, of course, sorry about that – http://tinyurl.com/y8l2a6e2.
Hi Eric,
Unfortunately, I can’t seem to see the described issue. Can you please clarify where this occurs? If possible, a video or a screenshot (before and after scroll) would be highly appreciated. Please note that we’re unable to handle file attachments at this time.
Hi Alex,
Sure, it’s the row with “What Our Patients Say”. Do you see how the bottom changes the row height for each of the 3 testimonials?
https://www.screencast.com/t/gmOdge8Eq
Trying to keep that row or div height the same. You mentioned something about FitText in another post – is that something I should use?
Hi Eric,
Ah. I see what you mean.
Okay, so this is tricky. Hm. Okay, please open the row and head over to the row styles sidebar. Open the Attribute settings group and set the CSS styles to:
Set the Mobile CSS Styles field to:
Save. How does that look?
Hi Alex,
Ok, seems 360px works for desktop.
Half way there. Still seeing the effect on mobile, although I tried min-height of 0px, 600px and 1000px for the mobile CSS style, but it doesn’t seem to correct it.
What do you think needs to be done to get it to work on mobile?
Hi Eric,
I just had a quick look at your mobile CSS Styles. The issue with the Mobile CSS min-height is that you haven’t set a unit of measurement. Try setting it 500px rather than 1000.