Docs

[raymond11184]

Hi,

For some reason the text type is getting cut off when holding an iPad (both normal and mini) in portrait mode. In landscape mode, everything’s ok.

Is there any way to fix this?

Thanks!

Ray

[Joao]

Hi Ray,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thanks,

Joao

[raymond11184]

https://flowz.be 🙂

[Rupok]

Hi Ray,

Thanks for the URL. I have tested but didn’t face such issue in portrait mode – http://prntscr.com/b7wlgj

However yoy can try adding this under Customizer > Custom > CSS :

.x-text-type {
  word-wrap: break-word;
}

As I can’t replicate this on my end, regretfully, I can’t provide you any other alternative solution if the issue still persist.

Thanks

[raymond11184]

Hi Rupok,

Unfortunately that didn’t work. On which device/browser did you check?

[Rahul]

Hi there,

It was tested on Safari. Can you confirm the same please?

Thanks

[raymond11184]

Yes, Safari on a iPad mini 2 and iPad 4

[Joao]

Hi There,

I have tested your website on Safari Ipad 2 and the text is not cutting.

I checked on both positions.

Can you please try cleaning the cache of your broswers and test it again?

Thanks,

Joao

[raymond11184]

Hi Joao,

Still not working. Not even on Chrome.

Would you be so kind to give me a code that prevents the banner with the type text to show on portrait mode on iPads?

Thanks!

Ray

[Paul R]

Hi Ray,

To achieve that, you can add this under Custom > CSS in the Customizer.

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
  .home #x-section-1 {
    display:none;
}
}

Hope that helps.

[raymond11184]

Thanks! 🙂

[Thai]

You’re most welcome 🙂

[Author]

Posts