Full width slider over sidebars

Hi there,

The solution here would be to use a template include rather than CSS, though after checking back at your site it looks as if you’ve changed the theme now?

Thanks,
Dave

Hello Dave!

Yes I managed to find a theme that supported what I needed but I seem to be having some issues with it. Every time I click around on a page on my site the pages jump a bit to the side and I have no idea why it does that. I am working with a theme for a client and I really want it to function properly so this kind of bothers me. Do you have any idea why and does my website do that for you?

https://www.djurskydd.nu

I’m not sure exactly what is causing the jump but it could be that adding the following CSS to your theme’s style.css file might do the trick:

#pref-outerbox .metaslider ul {
margin: 0;
padding: 0;
list-style: none;
}

Let me know if that works.

Thanks,
Dave

It fixed the pages but the website is still jumping when I click the refresh button or navigate through the drop down menu.

The remaining jump is probably being caused by the time taken to load in the main logo/header image (not Meta Slider).

To counter this you could set a height on the parent element so it’s not relying on the image:

#pref-logo {
height: 122px;
}

However for smaller devices the header area is designed to be dynamic in height so you might also want to add in some responsive CSS to manage this.

Thanks,
Dave