Nivo slider keeps overlapping other elements in my page while loading for the very first time.
You can get the idea by looking at the pictures below.
The problem vanishes as soon as the page loads completely.
Does anyone have an idea how I can fix this?

withoutproblem.png586.81 KBdragonfighter
problem.png215.45 KBdragonfighter
Members fund testing for the Drupal project. Drupal Association Learn more


Downtown_M’s picture

I'm having this issue too. Though it just needs to load to look the way it's supposed to, it looks sloppy to have the page load with elements overlapping. If a user isn't patient, they might navigate away before it even fixes itself.

dragonfighter’s picture

I've updated views module to 7.x-3.x-dev (4th Nov 11) and the page loads faster now, reducing somehow the visual effects of the problem.

d.cox’s picture

This is not a bug its a css issue.
You need to make sure the container of the slider has the styling

.class { display: block; width: yoursliderwidth; height: yoursliderheight; }

This will cause the container to take up the space before the slider loads.

ckng’s picture

Version: 7.x-2.x-dev » 7.x-3.x-dev
Status: Active » Postponed (maintainer needs more info)

Please try the latest 3.x branch.
The css is incomplete in 2.x branch.

ingojo’s picture

I have the same behavior on version 7.x-3.x-dev.
In my case the other content of the front page overlaps the slider.

Is there any workaround for this?
Where do I implement the code from post #3 ?
Do I need to modify the theme or can I place the code somewhere using the GUI?

ingojo’s picture

Issue summary: View changes

The problem vanishes as soon as the page loads completely.