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
Phone
Image
In general for the Image control it is enough to enable the option Responsive On
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
Phone
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
Phone
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