Header jumping slightly to left on page load

Support
#1

A weird Header jumping slightly to left on page load after clicking a top menu item (on chrome and opera on windows) not showing same on mac :confused: can anyone help please?

#2

Hi There,

Thanks for writing in! Could you please try following the solutions below to isolate your issue and see if you can figure it out.

  1. Remove all of your custom CSS rules added to the site temporarily and test your issue. Then remove your custom JS added to the site temporarily and test your issue.

  2. If you’re using a child theme, try switching to your parent theme to see if your issue is related to your child theme customizations.

  3. Finally you can disable your 3rd party plugins and test your issue to see if you’re experiencing a plugin conflict.

Note: If you’re using a caching plugin, always make sure to purge your server cache before testing for changes.

If none of the above solutions does not help, please provide us with the URL to your site to check your issue.

Thanks!

#3

Hi thanks for reply, here is the url: www.rhubarbrecruitment.com
The issue only appears on windows machines :confused: and it only started yesterday.
thanks

#4

Hi there,

I don’t see any jumping, would you mind providing a video recording? And what’s your screen size?

Thanks!

#5

I have uploaded the video to youtube - you will see that each time i click the 'home ’ link when the page reloads, the top header sections jerks/jumps in a tiny little bit from the right to the left. the screen is a 15 inch notebook, but happens on bigger screens too. Only happens on windows operating systems.

See link here: https://youtu.be/EEAAB3mecEU

#6

Hi @incacola_matt,

Thanks for the video. Now it is clear that it is the moving when loading.

I believe that it is not a bug or something that could cause negative to your site however if you want to fix this we’ll do our best to help you.

I could see redundancy of CSS codes.

First, check for CSS that causes this movement because Save or back up your CSS then remove it for testing.

Let us know how it goes.

Thanks.

#7

hi can you see anything in the code that may be causing this please?

#8

Hi There,

This is not actually an issue, this is due to the scrollbar appears after page load which is not the issue with Mac. Only a few browsers in windows having the issue.
If you really want to remove the jumping, please add this following CSS to your Theme Option -> Global CSS

 body, html {
  min-width: 900px;
}

This is a fix which may not be working but some casess it works.
hope this helps!

Thanks

#9

I tried adding

body, html {
min-width: 900px;
}

and also with the dot before body like below. But neither helped. Please can you look again at the code and tell me what may be the cause? thanks.

. body, html {
min-width: 900px;
}

#10

Sorry for the confusion.

The code should be

body, html {
  min-height: 900px;
}

Thanks

#11

should i put a dot before the word body?

.body, html {
min-height: 900px;
}

#12

this worked thanks :slight_smile:

#13

Glad it worked.

Cheers!

#14

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.