Banner image not staying centred on different screen sizes

Hello :wave:

My ‘welcome to’ image doesn’t stay centred when adjusting the screen size or when moving the window to a different-sized screen.

Any ideas on how I can fix this?

Many thanks


2 Likes

Took me a minute to find your website but… This is the CSS for that off center background image

.search-banner {
    background-image: var(--custom-bg);
    background-size: cover;
    background-repeat: no-repeat;
}


Here is the fixed CSS

.search-banner {
    background-position: center;
    background-image: var(--custom-bg);
    background-size: cover;
    background-repeat: no-repeat;
}

2 Likes

Amazing that worked! Thanks for your help

1 Like

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.