Page 'jumps' a bit to bottom when loading

Permalink Browser Info Environment
Hi,

i noticed when loading the page it always jumps a bit to the bottom. Also the background slider
on the first slide seems to be more to bottom. There is a huge black space on the top.

see:http://mijnronse.be

Is there a way to fix this?
Thanks in advance!

Type: Pre-Sale
Status: In Progress
grafoman
View Replies:
jordif replied on at Permalink Reply
jordif
Hi,

not sure if I'm seeing the same thing, but I think when the page loads you can see the nav bar hiding for an instant, and that might cause the effect of the page jumping to the bottom.

Could you try something? Remove the CSS you have now in the HTML block for hiding the menu on the first slide:

.site-header {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    -webkit-transition: transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
}
.site-header.affix {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}


And put it into the theme customizer (click on the Gear Icon in the toolbar, select Design -> Theme -> Customize, and paste the code into the Custom CSS area).


That way the CSS will load in the header of the page, and the menu bar should be completely hidden when the page loads.

Let me know if this works.

As for the background slider, I see the images have a black bar at the top, is that what you mean?

http://mijnronse.be/application/files/2814/3400/7580/slide3.jpg...

Regards,

Jordi
grafoman replied on at Permalink Reply
grafoman
When i paste the css in the custom css area it won't save?
jordif replied on at Permalink Reply
jordif
Hi,

once you have pasted the code, you need to 1) click on the "Save" blue button to close the "custom css" dialog and 2) click on the "Save Changes" green button to save all changes.


You can also try clearing the cache if you don't see the changes on the site.

Jordi
grafoman replied on at Permalink Reply
grafoman
Forgot about the green Save Changes button.. :)

Looks like it has resolved the issue. Thank you

concrete5 Environment Information

Unable to load

Browser User-Agent String

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_9_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/43.0.2357.124 Safari/537.36

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You may not request a refund that is not currently owned by you.