Scroll horizontally in mobile responsive

digiamplifyinfra · 2020-10-31T06:04:50.386Z

Hello,

I have slide bar and text boxes of width 800 in a group . i am designing a mobile responsive website and want to make this scroll-able for the users. how can do this?

J805 · 2020-10-31T09:41:43.079Z

Hmm

Maybe posting a screenshot of a link to your preview can help us debug for you.

If I understand your issue correctly, you might be looking for a floating group and instead of attaching it to the top or bottom, use both. That way it will scroll on pages when it needs to. Just make it the full length of your page.

Hope that helps!

@j805 www.NoCodeMinute.com

For All Your No-Code Education Needs:

One-on-One Tutoring
eLearning Hub
Video Tutorials
No-Code Classes

Jumpdesk · 2020-10-31T09:48:33.626Z

You got a lot of knowledge about the responsiveness !

May I share my link with you to see if my header can get responsive ?

@J805

J805 · 2020-10-31T10:07:00.827Z

Show me what you got and I will see if I can give you some ideas.

digiamplifyinfra · 2020-10-31T11:02:47.542Z

hi @J805 . Thanks for replying. can you click this link.

AmplifyInfra

House Construction

Home Construction at Low cost in Hyderabad Now.You can build smart homes,steel homes,any kind of homes with Amplify.Builders nearby for your to construction

I wanna show that slider calculator and fields of which are fetching from database in the mobile responsive view. How can i do that ?

J805 · 2020-10-31T14:03:18.925Z

So, if you really want to stick with that design, I would split the values up into 3 sections and make them stack on top of each other when the screen gets smaller. Right now the whole page is fixed width, so it’s not responsive at all.

Or, my suggestion, think about re-designing it with mobile in mind. Right now, I don’t think it’s a good UI for a mobile. There might some better ways to display the data that could look a bit better. I use dribbble.com for design ideas a lot. It’s very helpful.

Hope that helps a bit. Let me know if you have questions about that.

J805 · 2020-11-01T00:32:28.408Z

I’m looking at your header on my mobile phone and it looks fine. Where do you see an issue?

image1125×538 27.6 KB

Jumpdesk · 2020-11-01T12:18:42.656Z

You have to use the version-test

J805 · 2020-11-01T14:39:20.838Z

Ahhh. Got it.

image1125×1901 108 KB