Jump to content

Content only Fancybox too wide on mobile


Recommended Posts

Hi. We use a CMS-page with content_only for some some special information on our web page.

It looks fine in desktop view. However, on mobile (for example screen width 320px) the text does not fit and it horizontally flows outside the popup.

 

Please see attached image for example.

 

Having a vertical scrollbar is fine, but the text doesn't fit horizontally as you can see.

 

How can I force the content to fit the width when the user has a lower resolution screen?

It would be neat with just some small css trick that I can just put inline in a div container (since this only affects one page).

 

The only way I can make it look "OK" in mobile view is to put all the CMS-page text content in a div and use style="max-width:65%;".

Makes the desktop view look too thin though.

 

Thank you in advance.

post-997664-0-82365400-1444734712_thumb.jpg

Edited by Nixnix (see edit history)
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...