Some pages shift to the left on iOS mobile platform

This persistent problem is driving me nuts. Some pages of my mobile sites shift to the left. All of the pages are similarly sized: 420 w x 570 h.As recommended in another thread, I inserted <meta name = "viewport" content = "width = XXX" initial-scale = 1.0> in the metadata to no avail. An example can be found here: http://rockandvine.businesscatalyst.com/index.html.

Hi,
It seems there are navigation arrows placed to the far right (beyond page) on the pages/master in the Phone layout.
Please check: https://grabb.worldsecuresystems.com/2013-09-20_0115.png
Removing these should alight the pages correctly.
Hope that helps.
Cheers,
Vikas

Similar Messages

Site shifts to the left on iOS

My website looks fine on my laptop but when I view it on the ipad it shifts to the left. I have no content to the right which would do this.
Also, I was trying to make an image large so that it would continue to be seen to the left and right of the site on larger screens but this made the ios shift even further to the left. I decided to scrap this part for now but I still have the shifting issue.
Any ideas?
This is a screenshot from my laptop in Safari:
This is a screenshot from the ipad:

Hi,
Muse pages are currently coded to work with desktop browsers. You may experience inconsistent display/behavior on mobile devices. The team is currently exploring workflows and solutions for mobile/tablet device browsers.
We have also updated the Getting Started with Adobe Muse (Part 7) tutorial to include information on how to approach consistency in your design across multiple devices:
Making a Device Friendly Website
http://www.adobekb.com/getting_started_07.html#makingdevice
Please provide feedback about mobile site design to the Muse product team in the following topic:
Muse team looking for Mobile Website feedback
Regards,
Abhishek Maurya

Pages shift to the left

When printing to an HP 3550 in Windows 7 a single page document prints 9 separate pages each slight shifted to the left until the last document only has about a 1/2" of the document on the right side of the page. This does not happen all of the time but most of the time.

Hi,
It seems there are navigation arrows placed to the far right (beyond page) on the pages/master in the Phone layout.
Please check: https://grabb.worldsecuresystems.com/2013-09-20_0115.png
Removing these should alight the pages correctly.
Hope that helps.
Cheers,
Vikas

Noob: Adding text shifts my page over to the left

Okay, I've got seven or so pages mocked up with header div, nav div and then a content div. the body tag has a max width of 960px and auto left & right (so centered on the page).
On all the pages so far, they all line up sweet.
On one, when I paste some text (roughly an A4 page worth) into the content div, the whole page shifts to the left by about 10 pixels. Header div, nav div and content div.
The text is just plain, unstyled text with no CSS applied.
It's doing my head in - that particular page 'jumps' to the left, whereas all the other pages are perfect.
TIA,
Simon.

The page shift to the left is caused by the appearance of the vertical browser scroll bar on pages where the content is more than a screen deep (therefore requiring scrolling).
Where the content is less than a screenful, the scrollbar disappears and the page shifts to the right.
http://css-tricks.com/eliminate-jumps-in-horizontal-centering-by-forcing-a-scroll-bar/
The usual fix is to add the following rule to your CSS stylesheet
html {
overflow-y: scroll;
This forces a scrollbar to appear on every page (thereby eliminating the page shift) whether it is required by the amount of content or not.

Adobe Muse page is shifting to the left

Hello,
I love Adobe Muse and have been using it for some time now. I HAVE had this problem before but it was due to elements being placed outside of the page area, so of course I investigated that first. Unfortunately, I'm still having that problem and I've triple checked my elements to make sure they werent hanging off but I'm still not getting the page to allign when opening the page in IOS. I read another feed that offered a code = <meta name = "viewport" content = "width = XXX" initial-scale = 1.0> to be put into the metadata but that isn't working either. I have included a link to the page below.
Can anyone lend a hand? It would be greatly appreciated.
http://ultimateretreats.org

I am having a similar problem when I preview my mobile in Muse. All of my content gets shifted to the left or the menu get's shifted to the left. I don't have any elements or objects on the page the are overlaping into the browser background area of the site either. Please check out the screen shots that I have included below. I would VERY much appreciate a solution to this problem.
Thank you!

Screen shifts to the left and left half of my screen appears on the right.

So there were some issues with my Harddrive, after having it replaced at the genius bar I chose to reinstall everything rather then just restoring from my Time machine.
After reinstalling Mountain Lion my screen occasionally shifts to the left and the left half of my screen appears on the right.
It seem completely random and occurs randomly. I haven't been able to tie it to any specific program.
After a couple of days of this happening once or twice a day I called apple and they suggested I do a fresh reinstall and don't move any of my data over and see if the error re-occurs. It didn't (tried it for 1-2 days..) but it might well be lucky/random that it didn't happen.
In any case.. since I couldn't deal for another day without my stuff I restored from Time Machine and the error did happen again.
So... it's something on my mac. I've done all updates... obviously
I have no idea what to do.. Everytime it happens, my mac just freezes and I can't do anything but for shutdown by pressing the shutdown menu.
How can I debug this? Anyone ever heard of this before?
Here are some screenshots: let me know if you need anything else.

Clear the cache and the cookies from sites that cause problems.
* "Clear the Cache": Tools > Options > Advanced > Network > Offline Storage (Cache): "Clear Now"
* "Remove the Cookies" from sites causing problems: Tools > Options > Privacy > Cookies: "Show Cookies"
See also:
* http://kb.mozillazine.org/Websites_look_wrong
Start Firefox in <u>[[Safe Mode]]</u> to check if one of the extensions is causing the problem (switch to the DEFAULT theme: Firefox (Tools) > Add-ons > Appearance/Themes).
* Don't make any changes on the Safe mode start window.
* https://support.mozilla.com/kb/Safe+Mode
* [[Troubleshooting extensions and themes]]
In Firefox 4 you can use one of these to start in <u>[[Safe mode]]</u>:
* Help > Restart with Add-ons Disabled
* Hold down the Shift key while double clicking the Firefox desktop shortcut (Windows)

The "alt, ctrl and shift" on the left side of my keyboard keys integrated notebook did not work. What should I do?

The "alt, ctrl and shift" on the left side of my keyboard keys integrated notebook did not work. What should I do?

Hi Luis Fernando Garcia,
Thanks for using Apple Support Communities. This article has troubleshooting for keys not working on your keyboard:
One or more keys on the keyboard do not respond
http://support.apple.com/kb/ts1381
Some keys don't work as expected
From the Apple menu, choose System Preferences.
From the View menu, choose Speech.
Click the Text to Speech tab.
If "Speak selected text when the key is pressed" is enabled, the key or key combination set to speak text cannot be used for other purposes or used to type text--click Set Key and change it to a less-commonly used key combination (try to use modifier keys such as Shift, Command, Option, and Control). Or, disable the "Speak selected text when the key is pressed" option.
Click the Universal Access pane in System Preferences, click the Keyboard tab.
Make sure that Slow Keys is turned off. With Slow Keys on, you need to press a key for a longer period of time for it to be recognized.
In the Universal Access pane, click the Mouse tab, and make sureMouse Keys is turned off. With Mouse Keys enabled, you cannot use the Numeric Keypad to enter numbers--instead the keypad moves the pointer (cursor). (There is an option to enable Mouse Keys with five presses of the Option key; you may want to turn that option off to avoid accidentally enabling it.) If Mouse Keys is enabled and you are using a keyboard with no numeric keypad or Num Lock function, seeUnable to type while Mouse Keys is enabled in Mac OS X.
If the function keys on the top row of the keyboard are not working as expected, see Mac OS X: How to change the behavior of function keys.
If the issue persists, use Keyboard Viewer to help isolate the issue:
Click the Language & Text pane (Mac OS X v10.6) or International pane (Mac OS X v10.5.8 or earlier) in System Preferences.
Click the Input Sources tab (or Input Menu tab in Mac OS X 10.5.8 or earlier).
Click the Keyboard & Character Viewer "On" checkbox to select it (click the Keyboard Viewer "On" checkbox in Mac OS X 10.5.8 or earlier).
From the Input (flag) menu, choose Show Keyboard Viewer.
If the keyboard is connected and detected by Mac OS X, the keys you type will highlight in the Keyboard Viewer window. Open TextEdit (or any text application), and try to type something using the keys that were previously not responding to see if they highlight in Keyboard Viewer.
Cheers,
- Ari

While using Skype on my mac pro the screen freezes and splits in two and the left hand side shifts to the right and the right shifts to the left with a large black block down the centre, should I take it back to store as it is only a month old??

I have only had my mac one month and it seems while I use Skype the screen freezes and I cant click on anything and everything on the right hand side of the screen shifts to the left and the left to the right with a back block down the centre and sometimes lines running down the screen over all. As it is almost brand new should I be going back to store to get this problem fixed??

Yes. You are still under warranty. Why waste it?

Look at your iphoto 'page'. On the left is a margin running vertically down the page and within that margin are shown your files/folders - e.g 'events', I can't get that margin contents back

Look at your iphoto 'page'.
On the left is a margin running vertically down the page and within that margin are shown your files/folders - e.g 'events', 'last 12 months', 'anniversary' etc etc.
Now visualize the 'page' but WITHOUT the margin and the entries in it. It just disappeared while I was editing photos.
I've tried all the 'File', 'Edit', 'View', 'Share' 'Window' & 'Help' options, but no success.
There is no apparent way of calling up onto the screen any photos, folders etc. because I can't get the margin and its contents back onto the iphoto page.
I've tried restoring the page from my backup, where it is all perfect, but that didn't work.
Help please!

Move your cursor to the extreme left hand side of the iPhoto Window until it turns into a '+' and then click and drag right.

Right master page oversets to the left master page

Hi all,
I am currently working on a book. But I ran into an problem that I am not able to fix. So I was hoping you guys could help me out with this.
So this is the situation:
I have an "A-Master" page. On this master page I gave the right page a design element. (the blue bar)
In the Indesign preview nothing seems wrong. The left and right page looks exactly like the "A-Master" page.
Then, when I export the .pdf for testing. I see that the right page oversets to the left page. (see image below)
Does anyone know what the problem is here?
Many thanks,
Marco

It doesn't look like a problem. Your document is bleeding on the inside and outside. That bleed is stopping short of the crop line. You could go into your document bleed settings and set the inside bleed to none, but I don't think it's a problem...

How do I get page numbers on the left and right side of the page?

I am finishing up a book in PAGES '08 on my Mac.
How do I get page numbers on the left and right side of the page.
I can get them on the page but I'd like them on the left and right sides.
Evan

If the icons are from dmg files that were used to install 3rd party apps like this one for VueScan
Control (right) - click on the open dmg icon and select "Eject xxxx" from the contextual window.
Then find the actual dmg file associated with those icons
and drag to the Trash in the Dock and empty.

Everything shifts to the left while using flash player on Chrome

So, for a month or so Flash has been doing this to me:
http://i.imgur.com/6VjST.png
Notice how there are two scroll bars? Now i could deal with that, but the problem is, everything shifts to the left - meaning i have to go further to the right to select text, links, or change the options in the Youtube flash player. This doesn't just happen with Youtube, but really with any website i've seen so far that has video playback. Also, it may seem like the left bar in the video is bigger, that's Fraps's fault. This only seems to happen on Chrome, and only on this very specific laptop i'm using (An HP Pavillon g6 if that helps).
I'd like to know how i can fix this bug, because it's been... well, bugging me. Pun not intended.

I believe you are running into the following bug: Issue 140239 - An additional scroll bar appears at the right on many sites
From what I understand, this is fixed with the Chrome Canary build (a beta release of Chrome) and if all goes to plan, will eventually wind up in their released build soon.

Payment medium - Text fields shifted to the left

Hello Experts,
after running the payment run, the payment media is created but the text fields that are written in the files are shifted to the left.
The files contains 4 text fields. In the first text field should be written the value LS_REF1 and in the second one the value LS_REF3
If LSREF1 is blanc, then the value of LS_REF3 is written in the first text field.
Is it possible to avoid that SAP shift the fields to the left? In the function module FKK_PAYM_DEDIUM_WRITE is used the FM FKK_DME_DETAILS_FILL, which shift the values.
Cheers and thanks in advance
Edited by: prashak80 on Jul 23, 2010 12:16 PM

In the respective field properties (double click the field node), goto Attributes tab. There you'll find a field 'Conv. function'. Press F4. You'll be presented with many functions. Scroll down and find functions starting with C. Select the one that best suits your needs. This is for maintaining the alignment within the field output.
If your problem is that REF1 field is skipped when there are no values and that's what is causing the alignment as REF3 is shifted to that extent, then you need REF1 field to output at any cost irrespective of any values are present. In this case, check the status filed in the same tab. The status field should be blank (standard).
You can also consider Target offset field. This will offset as many number of characters in the output field. You might have to play with these settings.
Hope this helps.
Ravi.

IPhone 6 front camera shifted to the left

MY iPhone 6's camera is shifted to the left, and there is a gray crescent showing to the right of it. The model is: A1549.

So, make an appointment at the Genius Bar of the nearest Apple Store and have the device looked at. If it is determined to be a manufacturing defect, they will replace it. This is a user to user forum, so no one here could really help you fix it.

CFMENU in IE6 shifts to the left and is wider than containing DIV

I have a horizontal CFMENU inside of a DIV, and in IE7/IE7/FF/Chrome, the menu is floated to the right, as specified in my CSS, but in IE6, the menu shifts to the left of the DIV that contains it, and it's width expands beyond the boundaries of the containing DIV. I've included all the applicable HTML and CSS below:
HTML:
    <body>
         <div align="center">
             <div id="bodyContainer">
                 <div class="contentContainer">
                     <div id="middlenav">
                         <div class="linksContainer">
                             <cfmenu name="ajaxMenu" type="horizontal">
                             </cfmenu>
                        </div>
                     </div>
                 </div>
             </div>
         </div>
     </body>
CSS:
body, img, div, p, a, form, fieldset, ol, ul, label {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: none;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 15px;
    color: black;
body {
    background-color: #E6E6E6;
    background-repeat: repeat-x;
    width: 100%;
div {
    overflow: hidden;
p, form, table, ol, ul {
    padding-top: 10px;
ol ul {
    padding-top: 5px;
    list-style-type: disc;
ol, ul {
    margin-left: 30px;
li {
    padding-bottom: 5px;
a {
    text-decoration: none;
a:hover {
    text-decoration: underline;
.linksContainer {
    float: right;
    padding-top: 5px;
    padding-bottom: 5px;
.linksContainer a {
    font-size: 13px;
.contentContainer {
    background-color: white;
    border-color: #00338D;
    border-style: solid;
    border-width: 2px;
    border-top: none;
    border-bottom: none;
#ajaxMenu {
    width: 960px;
#ajaxMenu,
#ajaxMenu div.bd,
#ajaxMenu ul,
#ajaxMenu li.yuimenubaritem {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: white;
#ajaxMenu a.yuimenubaritemlabel {
    border-color: black;
    border-width: 0px 0px 0px 2px;
#ajaxMenu li.first-of-type .yuimenubaritemlabel {
    border-left-width: 0px;
#ajaxMenu ul {
    height: auto;
    width: auto;
    border-style: none;
/* Hide down arrow on CF_generated AJAX menus */
#ajaxMenu .submenuindicator {
    visibility: hidden;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 0px;
#ajaxMenu li {
    height: auto;
    width: auto;
#ajaxMenu li.yuimenuitem {
    margin-bottom: -5px;
#ajaxMenu li.yuimenuitem a {
    padding: 5px 12px 5px 12px;
#ajaxMenu li a {
    font-size: 13px;
    padding: 1px 8px 1px 8px;
    text-decoration: none !important;

I have a horizontal CFMENU inside of a DIV, and in IE7/IE7/FF/Chrome, the menu is floated to the right, as specified in my CSS, but in IE6, the menu shifts to the left of the DIV that contains it, and it's width expands beyond the boundaries of the containing DIV. I've included all the applicable HTML and CSS below:
HTML:
    <body>
         <div align="center">
             <div id="bodyContainer">
                 <div class="contentContainer">
                     <div id="middlenav">
                         <div class="linksContainer">
                             <cfmenu name="ajaxMenu" type="horizontal">
                             </cfmenu>
                        </div>
                     </div>
                 </div>
             </div>
         </div>
     </body>
CSS:
body, img, div, p, a, form, fieldset, ol, ul, label {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: none;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 15px;
    color: black;
body {
    background-color: #E6E6E6;
    background-repeat: repeat-x;
    width: 100%;
div {
    overflow: hidden;
p, form, table, ol, ul {
    padding-top: 10px;
ol ul {
    padding-top: 5px;
    list-style-type: disc;
ol, ul {
    margin-left: 30px;
li {
    padding-bottom: 5px;
a {
    text-decoration: none;
a:hover {
    text-decoration: underline;
.linksContainer {
    float: right;
    padding-top: 5px;
    padding-bottom: 5px;
.linksContainer a {
    font-size: 13px;
.contentContainer {
    background-color: white;
    border-color: #00338D;
    border-style: solid;
    border-width: 2px;
    border-top: none;
    border-bottom: none;
#ajaxMenu {
    width: 960px;
#ajaxMenu,
#ajaxMenu div.bd,
#ajaxMenu ul,
#ajaxMenu li.yuimenubaritem {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: white;
#ajaxMenu a.yuimenubaritemlabel {
    border-color: black;
    border-width: 0px 0px 0px 2px;
#ajaxMenu li.first-of-type .yuimenubaritemlabel {
    border-left-width: 0px;
#ajaxMenu ul {
    height: auto;
    width: auto;
    border-style: none;
/* Hide down arrow on CF_generated AJAX menus */
#ajaxMenu .submenuindicator {
    visibility: hidden;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 0px;
#ajaxMenu li {
    height: auto;
    width: auto;
#ajaxMenu li.yuimenuitem {
    margin-bottom: -5px;
#ajaxMenu li.yuimenuitem a {
    padding: 5px 12px 5px 12px;
#ajaxMenu li a {
    font-size: 13px;
    padding: 1px 8px 1px 8px;
    text-decoration: none !important;

Some pages shift to the left on iOS mobile platform

Similar Messages

Maybe you are looking for