Can this be made responsive? - Post...

User 122279 Photo


Senior Advisor
14,447 posts

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 work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 187934 Photo


Senior Advisor
20,181 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.

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
14,447 posts

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 work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 187934 Photo


Senior Advisor
20,181 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.

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
14,447 posts

Could you please share what you did to make it responsive? And post the file?
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 187934 Photo


Senior Advisor
20,181 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.

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.