When building responsive sites, many Muse users run into this issue:
Here you can see one example for this issue:
There may be many different reasons for this problem. Most of them can be fixed easily.
Take care: Often such misbehaving elements aren‘t visible at first glance. May be you are dealing with element within a closed Accordion widget or an actually not visible composition target or something similar.
If you encounter a behaviour like this, you should be able to correct it by
If these recommendations don’t fix your issue, delete all 3rd party widgets one by one and check, if the issue remains. Very often, 3rd party widget are the culprit for horizontal shifting issues.
Additionally: The informations above apply to responsive pages.
On adaptive pages (different fixed width layouts for different devices) the effects caused by misplaced elements are slightly different. Adaptive pages are displayed on mobile devices by using „viewport scaling“: The content will be minimized, until all elements of the actual „page“ are placed within the dimensions of your actual screen. That means, if an element is placed outside the page width, the page will be zoomed out, until this elements is shown on screen. It does no matter, if this misplaced element is really visible or, for example, transparent or empty (like a text box without content).
In other words: Bo matter, if we are dealing with adaptive, fixed width pages or responsive layouts – it is absolutely necessary, to respect the horizontal page boundaries.
If you have checked these possible reasons, and you don’t find a solution, do the following:
Have something to add?