Viewing 25 posts - 1 through 25 (of 25 total)
  • Author
    Posts
  • April 9, 2015 at 4:27 pm #426038
    mikehenze

    Hi,

    Every time i go to another page (clicking menu item) the entire page moves a little bit (about 10px) to the right before loading the new page.
    Any idea what causes this?

    I sent you the site admin detail in the private content.

    April 9, 2015 at 4:32 pm #426042
    Yigit

    Hey mikehenze!

    Which browser and OS are you using? I could not reproduce the issue on my end.

    Regards,
    Yigit

    April 9, 2015 at 4:35 pm #426045
    mikehenze

    Hi Yigit,

    Chrome (latest) on Windows 8.1 pro

    April 9, 2015 at 5:02 pm #426069
    mikehenze

    It works fine in IE.
    But not in chrome…

    April 9, 2015 at 5:09 pm #426077
    Yigit

    Hey!

    I could not reproduce the issue on my end on Chrome Version 41.0.2272.118 on OS X 10.10. I asked my teammates to checked your website on Chrome on Windows. Please kindly wait to hear from them.
    In the meantime, please disable all browser plugins/extensions and WP plugins and check if that helps.

    Best regards,
    Yigit

    April 10, 2015 at 10:53 am #426470
    mikehenze

    I disabled all WP plugins and all Chrome plugins.
    Problem still occurs.

    I tried chrome on osx which works fine so its only chrome on windows (8.1).
    Tried on multiple pc’s with same result.

    April 10, 2015 at 8:27 pm #426755
    Elliott

    Hey!

    Are you talking about after the preloader stops loading the right scrollbar displays and moves the content sightly?

    That should be happening in all browsers and sites using Enfold. I’m not sure if there is much we can do about that but I’ll add it to our issue list so our devs can take a look.

    Best regards,
    Elliott

    • This reply was modified 9 years, 7 months ago by Elliott.
    April 10, 2015 at 8:41 pm #426767
    mattmannadesign

    This is driving me crazy as well. With the preloader enabled, the whole page moves or shifts every time you click any link on the website. It visually shifts from the left to right around 10 to 20 pixels each time to you click a link, Then shifts back from right to left 10 – 20px after the preload transition. I have tested with newest firefox,safari,chrome. All int he latest version of OSX.

    April 10, 2015 at 9:46 pm #426800
    mikehenze

    Just found this on the forum.

    https://kriesi.at/support/topic/transition-snap-horizontal-movement/

    April 11, 2015 at 5:38 am #426904
    Ismael

    Hi!


    @mattmannadesign    : Please follow the suggested link above. I hope it works: https://kriesi.at/support/topic/transition-snap-horizontal-movement/

    Best regards,
    Ismael

    April 11, 2015 at 10:03 am #426990
    mikehenze

    The code from that link only fixed the horizontal shift back after the preloader.
    The page still shifts when clicking a link because the preloader removes the scrollbar.

    Can you adjust the code to also fix this?
    I think this feature is very nice but can only be used when the scrollbar shift issue is fixed.

    ps.
    You can test on osx by setting the scrollbar to “show always” in general settings.
    Because the default setting is to only show when scrolling.

    April 11, 2015 at 10:12 am #426993
    Ismael

    Hi!


    @mikehenze    : Thank you for the info. Can you please provide a link where we can check the issue? If possible, provide a screenshot as well.

    Cheers!
    Ismael

    April 11, 2015 at 10:16 am #426994
    mikehenze

    Hi,

    Please see the private info in this thread.
    All details are there.

    The issue occurs in all sites that have the preloader enabled.
    It has nothing to do with plugins, theme settings or browser settings.

    April 13, 2015 at 3:22 am #427245
    Ismael

    Hi!

    Alright. I can see the issue. Maybe this little fix will handle it:

    @media only screen and (min-width: 989px) {
html.responsive {
  overflow-y: scroll;
}

.av-preloader-reactive {
  overflow: hidden !important;
}

.av-preloader-reactive body {
  overflow-y: scroll !important;
}
}

    Regards,
    Ismael

    April 13, 2015 at 9:49 am #427374
    mikehenze

    Hi,

    I am sorry but this does not fix it (yet).

    The shift after the preloader is fixed (because you add the sidebar in the preloader).
    But the shift still happens when you click a link (because the sidebar disappears for a moment).

    April 13, 2015 at 9:07 pm #427795
    mattmannadesign

    Mike is right, this is still not fixed. My top menu is now shifting to the right 10-20px on each click instead of the whole page.

    April 14, 2015 at 1:01 pm #428179
    Ismael

    Hey!

    The fix seems to work fine when I checked it on my installation. The content doesn’t move to right before and after the preload. If it does, it’s barely noticeable. Test on Windows 8 and 7, chrome and firefox. I’ll ask the rest of the support team to check it.

    Regards,
    Ismael

    April 14, 2015 at 10:10 pm #428499
    mattmannadesign

    With that fix my top menu still moves on every click as seen here (http://www.northamericacentral.com/).

    I tested on win7 and osx both latest.

    April 15, 2015 at 6:09 am #428698
    Ismael

    Hey!


    @mattmannadesign    : Alright. Please post the login details here. We would like to check it. In my installation, the menu or the whole content doesn’t move at all. Maybe, it’s because I’m working on a local server.

    Best regards,
    Ismael

    April 15, 2015 at 12:29 pm #428857
    mikehenze

    Hi @ismael,

    It really happens in all installations using the preloader.
    Only in osx with the sidebar hidden as default the shift does not happen.

    Just browse in the showcase and you will find examples.
    Like this one: http://blackouthair.fi/

    I think if you allow the scrolbar to be visable during the preloader the problem should be fixed.
    Or even better, set a margin-right the size of the scrolbar in the preloader

    April 15, 2015 at 12:38 pm #428863
    mikehenze

    @ismael

    @mattmannadesign

    This fixes it:

    @media only screen and (min-width: 989px) {
    html.responsive {
    overflow-y: scroll;
    }

    .av-preloader-reactive {
    overflow-y: scroll !important;
    }
    }

    April 15, 2015 at 7:35 pm #429182
    mattmannadesign
    This reply has been marked as private.
    April 16, 2015 at 7:30 am #429366
    Ismael

    Hi!


    @mikehenze    : I think it will fix the issue but there will be a scrollbar on preload. Is that OK with you? IMO, that’s enough because I don’t really think users will mind the slight shift, or even the scrollbar on preload.

    Best regards,
    Ismael

    April 27, 2015 at 7:07 pm #435528
    mattmannadesign

    Any updates? It’s been two weeks since I posted my login info. Any progress on this? My users mind the slight shift. :)

    April 27, 2015 at 10:03 pm #435672
    Kriesi

    Hi!

    yes this will be fixed with the next update ;)

    Cheers!
    Kriesi

  • Author
    Posts
Viewing 25 posts - 1 through 25 (of 25 total)
  • The topic ‘Page moves to the right’ is closed to new replies.