Background position

Hi,

My problem is that depending on which page you visit, the page background image is in varying positions. It seems like that on the pages that come with the site – they are mostly fine – but on pages that I have authored using the same page template (default) the background seems to shift.

For example, homepage is fine, product page is fine (until you use the filter). Basket page shifts while the checkout page is fine. If I create a new page – it seems to shift the background – eg http://newsite.lincolnshirefirewood.co.uk/delivery-area/.

I cant see why this is happening.

Hello,

Thank you very much for choosing our theme and for contacting our support.

I compare the delivery page and shop page and see that the background the same, the difference in the content what visually looks like they are different.

Best Regards

Please take another look. The background shifts to the left on some pages. See how it doesn’t line up with the header….
Would you like some screen shots?

Cheers G

Please take a look at the attachment.
You can see the BG is shifted to the left and a “gap” appears on the right. The bg is not “covering” the entire space.

Attachments:

You must be logged in to view attached files.

Hello,

I have compared the CSS for background on the shop page and on the delivery pages:

Shop page:

body {
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left top;
}

Delivery page:

body {
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left top;
}

Best Regards

Yes – I know. This is not the problem. The problem is that some pages are set up differently to others. If I set the size to “cover” – it works on the delivery page (a standard page) – but not on all the other theme pages. The container seems to be of different sizes so the background shifts.
Looks like the theme cant use backgrounds reliably…..
I really need you to look more closely at this – more than a cursory glance – there is a problem…

OK – I found a “fix” – not quite what i need but it will do for now. There is a minor discrepancy in the way the BG is presented across the screens within the theme.
I fixed it by centring the BG and making it cover the entire screen. I think Ill change the CSS to remove it on smaller screen sizes.
Thanks for your help.

Hello,

No, I see the nature of the issue. Yes, when background size is cover the content influence the background view.

You can try background-attachment:fixed as an alternative.

Best Regards

[Author]

Posts