Can this be made responsive?

User 122279 Photo


Senior Advisor
12,600 posts
Online Now

I found a roundabout slider on the web that I would like to use, but it is not responsive. I have tried to change that, but as soon as I set the dimensions of the main div to %, the whole thing collapses. Is anyone here able to make it responsive?

The zip file contains two folders. The 'roundabout1' is the original, how I found it, and the 'roundabout 2' is my version after having played with it.

Is it possible to make it responsive?
Attachments:
Ha en riktig god dag!
Inger, Norway
My new honey site, built with RFF: https://eikweb.com/horgenhonning/
Component sharing for RFF, RBB, RSD and SD: https://eikweb.com/sharing/


User 187934 Photo


Senior Advisor
18,749 posts
Online Now

I was able to get it to be responsive by setting max-widths in the css and setting all the widths to 100%
You have to refresh to see the change.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

Here's my S-Drive site with
examples of what can be accomplished in VSD.
https://progrower.coffeecup.com/
Here's my CoffeeCup SCCP Shop with examples of what can be done.
https://progrower.coffeecup.com/shop/
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 122279 Photo


Senior Advisor
12,600 posts
Online Now

Eric, thanks!
When I tried now, changing to % for just the width, it actually worked. I guess it was changing the height parameters that made the whole thing collapse.
So now I have it responsive width-wise, but no changes to the height. Were you able to change that too?
I tried with media queries, but the result was not good. Attached is the file again, I have left the media queries in, but have commented them out.
Attachments:
Ha en riktig god dag!
Inger, Norway
My new honey site, built with RFF: https://eikweb.com/horgenhonning/
Component sharing for RFF, RBB, RSD and SD: https://eikweb.com/sharing/


User 187934 Photo


Senior Advisor
18,749 posts
Online Now

The one you posted doesn't seem to be responsive for me.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

Here's my S-Drive site with
examples of what can be accomplished in VSD.
https://progrower.coffeecup.com/
Here's my CoffeeCup SCCP Shop with examples of what can be done.
https://progrower.coffeecup.com/shop/
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 122279 Photo


Senior Advisor
12,600 posts
Online Now

Could you please share what you did to make it responsive? And post the file?
Ha en riktig god dag!
Inger, Norway
My new honey site, built with RFF: https://eikweb.com/horgenhonning/
Component sharing for RFF, RBB, RSD and SD: https://eikweb.com/sharing/


User 187934 Photo


Senior Advisor
18,749 posts
Online Now

See this.
http://ericrohloff.com/coffeecup/inger/ … undabout2/
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

Here's my S-Drive site with
examples of what can be accomplished in VSD.
https://progrower.coffeecup.com/
Here's my CoffeeCup SCCP Shop with examples of what can be done.
https://progrower.coffeecup.com/shop/
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.