Navigation
Archive / Image moving once site is loaded
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • July 17, 2016 at 12:55 pm #1090809
    VIN123
    Participant

    Hello,

    On my home page section 1 ( Very Top ) and Image 1 ( Its a black car ) the image “jumps”/ moves a little once page is fully loaded. If you go to home page you can see it and everytime you refresh you can also see it move once page loads.

    Any advice?

    Thanks

    July 17, 2016 at 12:56 pm #1090811
    VIN123
    Participant
    This reply has been marked as private.
    July 17, 2016 at 1:07 pm #1090825
    Rahul
    Moderator

    Hi there,

    Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

    – Link to your site
    – WordPress Admin username / password

    Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

    Thanks.

    July 17, 2016 at 4:02 pm #1090921
    VIN123
    Participant
    This reply has been marked as private.
    July 17, 2016 at 8:22 pm #1091182
    Lely
    Moderator

    Hi There,

    Thank you for the link. Are you referring to the image going down a little? Please note that this is normal because as the page loads the CSS also loads and it applies the styling on the properties. See this video:http://screencast-o-matic.com/watch/cDiFVriAA2
    On initial load other stylings on the page is not yet applied because it is still fetching the file. Once the loading of this style is done, it will then be applied to the page.

    Hope this helps.

    July 17, 2016 at 9:37 pm #1091284
    VIN123
    Participant

    I changed from parallax and corrected the issue.

    July 17, 2016 at 10:38 pm #1091335
    Lely
    Moderator

    Glad it is now sorted out.

    Cheers!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1090809 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>