PICTURE OF THE PROBLEM: https://imgur.com/a/bDUJhtP
Hi there! I’ve got a problem with a SLIDE element inside our website. On mobile mode, when we arrive to the homepage, the SLIDE element works just fine, but when we rotate te phone to landscape mode, most of the time, the element doesn’t resize correctly and it appears with the same width as if it were on portrait mode. There’s been a couple of times when it shows correctly, but most of the time, it appears as we described before.
Something weird also happens when after this incorrect display on landscape mode, we return to portrait one. When we do this, the column with the Slide element appears to have the correct width, but the title text appears cut, uncomplete, as if it recognize the landscape width instead of the portrait one.
What could be happening? Any idea on how could we fix this?
The only significant thing we’ve made that may be interfering is a change we’ve made to the main css section of the site. We wanted to achive wider blocks on mobile mode, so we wrote the next code lines:
.tdc-row.td-stretch-content, .tdc-row-composer.td-stretch-content {
padding-left: 5px;
padding-right: 5px;
}
And that’s it. We’ve done this “portrait-landscape” experiment erasing those code lines but it’s still happening, so we’re not completly sure that’s the cause.
Any idea on what could we do to solve this? Thanks a lot for your attention and future answer. Greetings!
Hi,
I do not think that the problem is from that css.
As I know, the css for the slide is added at the first load of page when is detecting the device position portrait-landscape. If you change it from one position (portrait) in other (landscape), the slider will be correctly resize only if you refresh the page (to load again the css style for that position).
Indeed, there should be find an way to correctly resize the slider without reloading the page. I will add this on our list.
Thank you for your understanding!
