Wix website does not fit screen: the wide part

A phone screen has a fixed width, and a page is only as narrow as its widest element. If anything on the page is wider than the screen, the phone lets the whole page slide sideways, and every block shifts with it. The wide thing can be a banner with a set pixel width, a gallery, an embedded map, or a text box dragged past the right edge on a laptop. A visitor swipes to read, the page moves, and the menu button or the end of a headline goes off the side. A laptop screen is wide enough to hide all of this.

• Open the live address on a phone and swipe left. Does the whole page move, or only one block?
• Check the right edge of the first screen. Is a banner or a button cut off?
• Open the mobile view in the editor and look for elements that reach past the right edge.
• Find any embedded map, video or form with a fixed width in pixels.
• After a sideways swipe, check whether the menu button is still on screen.

Start in the mobile view of the editor, not the desktop. Check the widest-looking pieces first: the top banner, any full-width strip, a gallery, an embedded map or video. Each one should stop at the screen edge. A banner with a fixed width in pixels can fill a laptop and run past a phone, while a banner that stretches across the page does not. Check each piece by its right edge, because the left edge will always look fine.

Then open the live address on a phone and swipe sideways once on the first screen. If the page moves, the wide element is on that screen. If the page moves only after you scroll down, the wide element is further down, so work down the page one section at a time. Write down the first section where the slide starts, because that is the one to fix first.

A text box or a decorative shape dragged past the right edge on a laptop can sit there out of view, and a phone still counts it. From inside the editor it looks like empty space, so owners rarely find it by looking. Drag each block back inside the page width, then swipe on the live page again to check that the slide has stopped. A shape you cannot see still has to fit on the phone.

The right version brings every element back inside the page width and sets the wide blocks to fit the screen. The wrong version shrinks the whole page to fit, which makes the laptop look cramped and still leaves the element off the edge. Fix the element itself, then test again in a private window, because your own browser may keep an earlier version of the page on screen.

Give Mimiq the home page address and one task a buyer would have: open the menu on your phone and find the store hours. Each simulated visitor opens the page in a phone browser, reads the first screen and tries to reach the menu and the hours. The screenshots after each step show a page cut at the right edge when it has slid, which is how a sideways slide looks in a still picture.

The test cannot list every element that is too wide, and it does not show the feel of a slide on one particular phone. It shows whether the first screen is cut off and whether the menu and the hours can still be reached. Use it to confirm the page sits inside the screen after each fix, then check once more on your own phone.

Rerun the phone task after you add a banner, an embedded map, a video, a chat widget or a pop-up. Any one of them can be wider than the screen, and the page slides again without a change to the text. The same task from the same first screen shows the slide the first time it appears.