Viewing How Do I ... Align items in breakpoints other than Wide Desktop?
How Do I ... Align items in breakpoints other than Wide Desktop?
|
User: Brian T. 4 months ago
|
|
|
How do I … Align items in breakpoints other than Wide Desktop? Start a new project and add a new Centre Aligned page, remove the Everweb logo and set the Header & Footer height to 0. For simplicity, leave content width and height at 1,000. Add a basic shape to the Wide Desktop, select the shape and use the arrange menu to place it Left, Centre or Right - it aligns correctly to the Left, Centre or Right of the Wide Desktop workspace. Now switch to the Mobile view and add a basic shape. Left Align works but Centre or Right align moves it to the Centre or Right of the Wide Desktop view, not the Mobile view. The same with any item in the Desktop or Tablet view - Centre or Right align moves it to the Centre or Right of the WD view. Top, Middle or Bottom alignment is no better: In any breakpoint view, Arrange > Align Items > Top - sets the top of an object to the top of the work space (Y = 0) Arrange > Align Items > Middle - sets the middle of the object to the middle of the page (Y = 500) Arrange > Align Items > Bottom - should set the bottom of the object to the bottom of the page (Y = 1,000) but it doesn’t - it sets the object anywhere but at the bottom of the page. The height from the bottom of the page appears to be dependent on the object’s height - eg. a thin horizontal line (eg. 10 px high) gets placed very near - but not at - the bottom of the page, but a taller object gets placed much higher up the page. Indeed, if I place a 400 px high shape anywhere on the page, Arrange > Align Items > Bottom - moves the item up to the top of the page! |
|
|
User: EverWeb Support 4 months ago
|
|
|
Hi Brian, Thank you for the detailed breakdown of the alignment issues you are experiencing across different breakpoints. To help us investigate this further and see exactly how the objects are behaving in your specific project file, could you please provide a **screen recording** of this happening? Seeing the "Arrange" menu actions in real-time alongside your Layout settings will be much more effective for our technical team. Here's how to record your screen on macOS; https://support.apple.com/en-ca/guide/mac-help/mh26782/mac Please send the resulting *.mov file to me. You may upload it to wetransfer.com and send me the generated link. You may also use this website: https://www.ragesw.com/ewprojectupload/ I believe this information will help us a lot, thank you for your cooperation! Looking forward to hearing from you. ------------------------------- EverWeb Customer Support Submit Tickets or Learn More |
|
| Post Reply |
| You must login or signup to post. |