mobile view messed up

  • 0
  • 1
  • Problem
  • Updated 6 months ago
  • In Progress
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: 7 days of inactivity

When I switch to the mobile site its all messed up. Not in order at all. This is a guide for attendees for a trade show and its not proper at all. What am I doing wrong? I know how to change the text size and pics etc but the order of information is all screwed up.
Photo of tnhtradeshows6970

tnhtradeshows6970

  • 1,148 Points 1k badge 2x thumb

Posted 6 months ago

  • 0
  • 1
Photo of Lynn1286

Lynn1286, Champion

  • 6,516 Points 5k badge 2x thumb
The order on the mobile site is (unfortunately) dictated  by the order you put stuff on the desktop site.  I know it's stupid, but it is what it is.  I  found that the problem can be solved by using CONTAINERS on the desktop site.  On your desktop editor go  to each section and add a container.  When you do that, a BLUE BOX will appear.  you can make that transparent.  Drag all the things in each section into that container in the position you want.  This container thing locks them into place.  You can't exactly change the text size on the mobile site either, but you can change the sizes of the text boxes to accommodate the text by using the the STYLE controls in mobile and you can make the padding smaller and the text adjusts (some).  hope that helps.  
Photo of tnhtradeshows6970

tnhtradeshows6970

  • 1,148 Points 1k badge 2x thumb
the order is all wrong!

Photo of tnhtradeshows6970

tnhtradeshows6970

  • 1,148 Points 1k badge 2x thumb
I know it has to be in sections and it is, but the order is messed up!
Photo of Connie7227

Connie7227

  • 760 Points 500 badge 2x thumb
Grab the elements and slide/move them up /down ... you'll see a semi-transparent line appear for positioning/landing.  It can share "a line" with another element (vertical line appears but is for placement only- site viewers won't see it).  
edit:  this is when viewing in mobile version
(Edited)
Photo of Lynn1286

Lynn1286, Champion

  • 6,516 Points 5k badge 2x thumb
Yes the section are there, but the order in which elements were added to the whole page affects the mobile order. Think of each element that you added as a new layer (if you are familiar with photoshop) The "pieces" are in different layers and the mobile version seems to interpret that as the order, 1st-last,  they show up on the mobile screen.  I don't know why but I have had the same issue and that's how I solved it..  If you try the containers, you will see a big difference.  
Photo of tnhtradeshows6970

tnhtradeshows6970

  • 1,148 Points 1k badge 2x thumb
that does not work! I have tried it and its a mess.

Photo of Michelle C

Michelle C, Employee

  • 35,652 Points 20k badge 2x thumb
Hello,

With the mobile editor it attempts to keep the content in line with how it is on the desktop but since it is a lot more narrow some elements can be placed in different spots. You can click on any element on the mobile view and drag it to a new position to organize the mobile how you like.  

This conversation is no longer open for comments or replies.