responsive design

Hi,

The responsive option is enabled by default when you create a theme in Themler. It is based on the Bootstrap framework and you can use all the benefits of the Bootstrap code.
If you have any exact issue, please explain them in more details. Screen shots will be helpful.

Sincerely,
Hella
BillionDigital Team

the two sliders of my project will not work with responsive design...?!

look for attachment

Hi,

Could you please provide links to the sites or themes if possible.

Sincerely,
Hella
BillionDigital Team

Hello Ralf,
I checked you theme and I have some recommendations how to set up the sliders and logo image to look good in responsive mode. Before I start I'd like to say that Themler allows to specify different option of controls for different responsive modes. For example specify different image dimensions for different screen sizes. If height and width are inherited from previous screen size. For example image width is specified for desktop(200px) and laptop(180px) mode, but it is not specified for Tablets and Phones mode. In this case the width in Tablets and Phones would be 180px.

1. Top left slider.
   1.1 The width of slider is set to 100% that means that it will be stretch to 100% of container. It's OK and this value is the same for all modes. No actions are needed
   1.2 The height will be different for different responsive modes. In Desktop mode
   
   

Switch between modes and set up different height values if needed

2.Logo image (located on the left right under the Slider from #1)
The idea is to use different image dimensions in different responsive modes. In Desktop mode the image is
width = 243px
height = 208px
Switch between different responsive modes and change the dimensions

3.Large Slider located on the right.
3.1. Follow the steps from #1 and set slider width to 100% in all modes. Specify different height (if you want). As for me the slider looks better with less dimensions in responsive.

3.2.Select Deskptop (or Laptops or Tablets or Phones) mode
3.3. the next step is to adapt each slide for different responsive modes. To do it open the Slide options >> Image options

3.4. specify image options to make it look good in selected mode. In this example I set up image for Tables mode:

Follow the same steps for the rest slides.
And check how the images look in different responsive modes. Adapt image settings if needed.

If you have additional questions regarding the responsive mode or anything else please feel free to ask.

regards,
Aileen

that works

Hi,
you're welcome.
If you have any additional questions please let us know.

Regards,
Aileen