meganntab Posted February 25, 2022 Share Posted February 25, 2022 Site URL: https://www.nationaltab.com/people How can I fix the layout on the mobile version of this page? Our Team — National TAB It looks fine on desktop but when I look at it on a mobile device, the pictures are all stacked on top of each other, and the names are all below. I need the picture to be on top of the person's name. Any suggestions on how to fix this? Thanks! Link to comment
tuanphan Posted March 2, 2022 Share Posted March 2, 2022 Hi, Try dragging Text 1 below Image 1 so that it appears a black line, width of line = width of Image Do similar for other then check again on mobile If you still have problem, you can add me as a contributor, I can help you easier. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
meganntab Posted July 26, 2022 Author Share Posted July 26, 2022 Hello, I got sidetracked from this project, but jumping back in. The text below each person's name is actually a code box. I thought that might've caused the issue, so I tried changing it to a text box, dragged it below the person's photo, and refreshed to see if the changes worked. It's still showing up the same with all the photos in that row stacked on top of one another and the text following beneath. Any other ideas for what to try? Link to comment
tuanphan Posted July 27, 2022 Share Posted July 27, 2022 16 hours ago, meganntab said: Hello, I got sidetracked from this project, but jumping back in. The text below each person's name is actually a code box. I thought that might've caused the issue, so I tried changing it to a text box, dragged it below the person's photo, and refreshed to see if the changes worked. It's still showing up the same with all the photos in that row stacked on top of one another and the text following beneath. Any other ideas for what to try? You can drag Code Box under image, so that it appears a black line, width of line = width of Image Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
meganntab Posted July 27, 2022 Author Share Posted July 27, 2022 Hi, I tried dragging the code box under the image so that it appears with a black line to be the width of the image. All it gave me is a blue line and then the formatting for the entire row was messed up. Any other ideas of what to try? Thanks, Megan Link to comment
tuanphan Posted July 28, 2022 Share Posted July 28, 2022 17 hours ago, meganntab said: Hi, I tried dragging the code box under the image so that it appears with a black line to be the width of the image. All it gave me is a blue line and then the formatting for the entire row was messed up. Any other ideas of what to try? Thanks, Megan Can you duplicate the site & add me as a contributor? I can give you a quick video guide Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment