Header/Footer background image shifts left 210px since latest update

[Meanderling]

Hi there,

I have a page similar to your Naked template, but that includes a header (with no menu) and a footer – both header & footer have a background image. The page has been fine up until the update to 2.77 – now the background images both shift 210px to the left.

The template for this page is something I think Ed helped me with last year (just before you included the Naked template in the theme itself), so the code should be good, and as I said, it has been fine up until now.

I can make either of the following changes in Code Inspector to fix the problem, but as I’m not sure what caused it (I haven’t made any changes lately), I’m afraid I might break something elsewhere in the theme – can you help?

.spb-row-container > div {
/* padding: 0; */
}

— OR —

.alt-bg {
padding-left: 210px !important;
}

Both of the above ‘fixes’ correct the shift, but I’m not sure if either is the way to go, or if something else is actually causing the problem. If you could help, that’d be great!!

Many thanks in advance!!

[Kyle – SUPPORT]

Hi

Yes, this will be due to us changing the structure, I will forward this to Ed so he can update your templates for you

– Kyle

[Meanderling]

Thanks – I look forward to it as it looks bad right now 🙁

[Swift Ideas – Ed]

This css will sort it, fixed for the next update:

.spb-row-container.spb-row-full-width .spb_content_element {
margin: 0!important;
}

– Ed

[Meanderling]

Great, thanks for this Ed!

This fixed the header, but footer background image is still pushed left…

[Swift Ideas – Ed]

Add this code too:

.spb-row-container > .alt-bg {
margin: 0!important;
}

– Ed

[Meanderling]

Just the trick, thanks Ed!

[Mohammad – SUPPORT]

Hi,
You most welcome.
Thanks
Mohammad