To make the page look really good in responsive mode you might need to adapt text, images and slider sizes in responsive mode.

Text
Good practice is to specify smaller font size for text on smaller screens. Note, that if font size is not specified it is inherited from the large screen size.

Desktop

TextDesktop.png

Phone

TextPhone.png

Image
In general for the Image control it is enough to enable the option Responsive On

RespOn.png

The other solution is described below.
If image size is set up in percents, or of you’re using wide image setting like
Width 100%
Height auto
Or image size is set to contain, or cover then image is resized automatically for smaller screen sizes.
However if image size is set up in pixels, e.g.
Width: 150px
Height: 320px
Then Image dimensions should be adapted for smaller screens. For example

Desktop

ImgDesktop.png

Phone

ImgPhone.png

Slider
All said above about Image control is also concerns the slider images.
In addition to it you may need to check the Slider control Height.
If it is specified in pixels then set up different height values for different screen sizes, e.g.

Desktop

SliderDesktop.png

Phone

SliderPhone.png

You may also refer to related forum post:
http://answers.billiondigital.com/Support/Cases/Detail/5110

To make the page look really good in responsive mode you might need to adapt text, images and slider sizes in responsive mode. **Text** Good practice is to specify smaller font size for text on smaller screens. Note, that if font size is not specified it is inherited from the large screen size. *Desktop* !TextDesktop.png! *Phone* !TextPhone.png! **Image** In general for the Image control it is enough to enable the option Responsive On !RespOn.png! The other solution is described below. If image size is set up in percents, or of you’re using wide image setting like *Width 100% Height auto* Or image size is set to *contain*, or *cover* then image is resized automatically for smaller screen sizes. However if image size is set up in pixels, e.g. Width: 150px Height: 320px Then Image dimensions should be adapted for smaller screens. For example *Desktop* !ImgDesktop.png! *Phone* !ImgPhone.png! **Slider** All said above about Image control is also concerns the slider images. In addition to it you may need to check the Slider control Height. If it is specified in pixels then set up different height values for different screen sizes, e.g. *Desktop* !SliderDesktop.png! *Phone* !SliderPhone.png! You may also refer to related forum post: http://answers.billiondigital.com/Support/Cases/Detail/5110