Docs

[dianatedoldi]

Hello, I’m working on my new website but it is not displaying properly the images and the texts when I look at it through mobile devices (images and text are cut out).
This is the website:
http://test12.areait.com

Can you please fix this or tell me what I can do?
Thank you!

[dianatedoldi]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for writing in! You can use “Responsive Text” for the larger headlines. You can create the “Responsive Text” from Cornerstone Settings Tab and specify minimum and maximum font-size. If you are not using Cornerstone then you can try the shortcode version – https://community.theme.co/kb/shortcode-walkthrough-responsive-text/

And I can’t see any image, perhaps you are referring background image which looks fine. Would you clarify a bit if you ar referring nay specific image?

Cheers!

[dianatedoldi]

Thanks for your reply.
Can you please tell me what I have to input in the “Responsive text” fields (min/max)? Thank you!
About “images” I’m talking about background images, yes. They get cut off on small devices… how can I avoid that? How can they just get squeezed or reduced in width, without loosing most of the ocntent om the sides?
Thank you!

[Lely]

Hi There,

See attached screenshot. It will be the minimum and maximum size of your text. Text font size will still be calculated on the fly depending on the size of text container.

On that case, we need to use different image. As you can see on smaller screen size like mobile, the content will be longer and vertical due to responsive nature. Thus using a horizontal type of image for background is not suitable. Please add a specific ID on section ID field. For example, on your homepage section 3 ID field, we can add home-section-three. Then on Settings Tab > Custom CSS add the following:

@media (max-width: 979px){
#home-section-three{
    background-image: url(http://test12.areait.com/wp-content/uploads/2017/01/30-min.png) !important;
}
}

Feel free to add the background image URL that will fit on mobile. Vertical type image. That CSS means that on screen width 979px and less, that background image will be use instead.

Hope this helps.

[dianatedoldi]

Hello, I0’ve followed your instructions for the text, inputing the values in the screenshot, but it does not work. On smartphones the text is still cut off. What can I do?

[Christopher]

Hi there,

Please add h-responsive in headline’s class field, see the attachment.

Thanks.

[dianatedoldi]

Thank you, perfect!!
One last thing: why do the 2 images on the 2 left clumns of this page: http://test12.areait.com/clienti/
appear with fading effect?
I can’t find any setting that says that they’re set to appear like this… I wish that all th elogos of my clients just are there, without any effect…
Can you please tell me how to delete the sliding effect of appearance?
Thank you!

[Joao]

Hi There,

On Cornerstone, click on the column where the images are placed and turn off the Fade effect.

Hope that helps,

Joao

[Author]

Posts