today I got a responsive question about LayerSlider.
I want to create a very simple slider - one image in each slides background (Picture 3) The design comes with Photoshop. The Slider settings has "Full width" an it looks good (Picture 1) But when I make the browser window smaller maybe for an tablet, I can`t read the words anymore. (Picture 2)
Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.
How exactly did you insert the text ? Also, could you please show us your site or a test page where we can check on the slider ?
Sorry, I can't give you the codes of the Homepage, it's hidden on an dedicated Server till it's finished.
The whole design was made in Photoshop (Picture, green box, text).
I made a simple Slider (please look hat picure 3 in the last mail). I took the Picture out of Photoshop and take them to the slider as backgroundimages.
But the Slider is not responsive with different browser Windows (see Picture 1 and 2)
Thank you. The problem is that, the images' aspect ratio differs from the slider's. So on certain screen sizes, they will no longer fit the slider's canvas in the full-width layout. Since they do not match, there will be either empty spaces or the images will be enlarged too much. You can adjust this with the Slide Background Image -> Size option. If you set it to contain or stretch the image won't be cut off.
Hi everbody,
today I got a responsive question about LayerSlider.
I want to create a very simple slider - one image in each slides background (Picture 3)
The design comes with Photoshop.
The Slider settings has "Full width" an it looks good (Picture 1)
But when I make the browser window smaller maybe for an tablet, I can`t read the words anymore. (Picture 2)
What wrong?
Hope you can help me
Yours
Fiona
Hello Fiona,
Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.
How exactly did you insert the text ? Also, could you please show us your site or a test page where we can check on the slider ?
Hello Attila,
thanks for your answer!
Sorry, I can't give you the codes of the Homepage,
it's hidden on an dedicated Server till it's finished.
The whole design was made in Photoshop
(Picture, green box, text).
I made a simple Slider (please look hat picure 3 in the last mail).
I took the Picture out of Photoshop and take them to the slider as
backgroundimages.
But the Slider is not responsive with different browser Windows (see Picture 1 and 2)
What can I do?
Yours
Fiona
Unfortunately we cannot troubleshoot from screenshots, we would need to see the slider and its settings to tell you what's wrong.
Could you please temporary upload it to a dev site ? Or at least, export the slider and send it to us ?
Thank you.
Hi Attila,
great idea - here comes the slider.
Many thanks for your super support!
Yours
Fiona
Thank you. The problem is that, the images' aspect ratio differs from the slider's. So on certain screen sizes, they will no longer fit the slider's canvas in the full-width layout. Since they do not match, there will be either empty spaces or the images will be enlarged too much. You can adjust this with the Slide Background Image -> Size option. If you set it to contain or stretch the image won't be cut off.
Hi Attila,
very nice - this was the right solution.
Many many thanks – have a good time!
Yours Fiona
Thank you for the feedback, glad you could solve the problem.
If you need further assistance please let us know.