Mobile landscape issues with menu and home page

Design help Layout & Design
1

I’m having some issues with a client’s site, and since I can’t use Webflow to preview landscape, apparently, I need some guidance. The images below show how the website no longer works properly when rotating to landscape. I’m unable to figure out how to fix this issue and would like to get it done quickly. Does anyone have any ideas?

Messenger_creation_8ED28427-64A1-4855-A2EE-2A5D911182DC
Messenger_creation_8ED28427-64A1-4855-A2EE-2A5D911182DC1024×471 32.9 KB

Messenger_creation_57B8CAD6-D99C-4FD7-986C-60EAA77FB956
Messenger_creation_57B8CAD6-D99C-4FD7-986C-60EAA77FB9561024×471 34.9 KB

IMG-20250330-WA0001
IMG-20250330-WA00012048×921 87.8 KB

IMG-20250330-WA0002
IMG-20250330-WA00022048×921 53.8 KB

IMG-20250330-WA0003
IMG-20250330-WA00031600×720 71.6 KB

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

Hi there,

You can easily test different viewport widths in the Webflow Designer to ensure your site looks great across all devices. Here’s how:

  1. Locate the viewport width handle at the edge of the canvas
  2. Click and drag the handle left or right to adjust the viewport width
  3. Watch your design respond in real-time to different screen sizes

The Designer includes preset breakpoints for Desktop, Tablet, Mobile landscape, and Mobile portrait views. These breakpoints help you create responsive designs that work seamlessly across all devices.

For more detailed information about designing responsive websites and working with breakpoints, check out our comprehensive guide in the full lesson on breakpoints.

Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.

3

I would like a real person to help, if possible.

4

Hey Ciara,

1 Like
5

Thank you! I did figure out what the issue was, and have been using Chrome developer tools to help test, which worked :slight_smile: