Text boxes in Containers in Mobile View

  • 0
  • 1
  • Question
  • Updated 2 years ago
Archived and Closed

This conversation is no longer open for comments or replies and is no longer visible to community members. The community moderator provided the following reason for archiving: Archived

I'm not sure if this is a real problem or not. I may just be too picky. I am using a container element on one of my pages and each tab has a text box. Since the information at each tab section is not the same size as another page, I spaced out some of the text lines to fill the space better. It looks decent enough in the desktop version but in the mobile version, the text is closer to the top of the text box and there is space between the wording in the text box and the bottom of the container. I'm not sure if I want to start over with the text in the container as someone had suggested earlier to keep both the desktop and the mobile version the same. Once I move the container length longer or shorter in the mobile version then some of the text in another tab is not lined up correctly. I am assuming the container needs to stay the same size to keep it more uniform. I hope someone out there understands my query.
Photo of Sue9806

Sue9806

  • 450 Points 250 badge 2x thumb

Posted 2 years ago

  • 0
  • 1
Photo of Drew N

Drew N, Community Manager

  • 259,004 Points 100k badge 2x thumb
Can you tell us which page so we can look?

Yes, changing the size of the container will likely affect all the tabs. The best solution, if possible is probably to try to have a uniform amount and style of information in each tab.
Photo of Sue9806

Sue9806

  • 450 Points 250 badge 2x thumb
http://victoriahaysales2.homesteadcloud.com/hay-faq
I think you are correct that the text will need to be uniform throughout each tab. I just hate to add extra pages if its not necessary. Since I have an equal number of visitors that use desktop or mobile, I am trying to find a happy balance in the appearance of the pages.
Photo of Drew N

Drew N, Community Manager

  • 259,004 Points 100k badge 2x thumb
I understand. Since you have such a small area on mobile devices, any discrepancies in the content will be exaggerated on them.

I don't think it looks too bad at all, but filling in some of the ones with more text would certainly improve it a bit.
Photo of Sue9806

Sue9806

  • 450 Points 250 badge 2x thumb
Thank you for your suggestions and help. I really appreciate it.
Photo of Brian4612

Brian4612, Champion

  • 32,244 Points 20k badge 2x thumb
Just for your information Sue, text transitions between desktop and mobile has been a bit of a problem at times and one of the forum guys, San Diego, came up with an excellent mini tutorial that I would certainly recommend for all to read.

https://community.homestead.com/homestead/topics/how-to-make-sure-text-elements-will-be-responsive-a...

Very nice website by the way, I thought hay was just hay, but then, my knowledge of horses is a leg in each corner and they can bite and kick. Hope it all works out for you

This conversation is no longer open for comments or replies.