Hi,
I have developed a website on my laptop and it look terrible on a larger screen.
Things are out of place.
I have attached two screenshots to show you the difference. Can you advise please?
Thanks
Laptop (displayng correctly)
https://prnt.sc/MvadsyiCjaVt
Big screen (which is incorrect display)
https://prnt.sc/GGqDWkdzka0l
Hi
Thanks for contacting us. Could you please give me your site URL so that I can check?
-Regards.
Yes sure, it is here
https://development.austinfriars.city/
Could you please check? I cant access your site.
Hi there. Sorry! Web hosting problems, it is live now
Hi
Use this custom CSS
.sp-page-builder .page-content #section-id-1664284819067{
background-size: cover !important;
}Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.
Thank you. That has helped. However we have issues on other parts of the site.
For example on this page linked (see screenshot here)
the green button sits halfway over the background image see screenshot. That is how it should be but on a large screen the button moves away from the background image completely.
https://development.austinfriars.city/mortgages/mortgage-types/first-time-buyer
How do we stop this moving on a big screen?
Where do you want to set it?
Hi it needs to be set exactly by the cat as it is set here
on a large screen it moves well away from the cat. I need it in the same place whatever size the screen. This is an issue throughout the website. in short, the website needs to look the same whatever size the screen is.
Hi David. You have already asked a question about your layout. And I wrote to you that it is not possible to tie the background image to the elements. The background image lives its life. I'm afraid you will have to review your design and redo it. On any other screen size that differs from your laptop, this will turn into chaos. The same on "Cat" page.
I hope this picture will help to realize how the background image works.
The creation of such a layout so that it is responsive not possible with standard SPPB means. This will require significant CSS skills additionally. And not every professional will be able to do this.
