Website On Large Screen - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Website On Large Screen

DR

David Rogers

SP Page Builder 3 years ago

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

0
9 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #92924

Hi

Thanks for contacting us. Could you please give me your site URL so that I can check?

-Regards.

0
DR
David Rogers
Accepted Answer
3 years ago #92990
0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #93173

Could you please check? I cant access your site.

0
DR
David Rogers
Accepted Answer
3 years ago #93382

Hi there. Sorry! Web hosting problems, it is live now

https://development.austinfriars.city/

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #93452

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.

0
DR
David Rogers
Accepted Answer
3 years ago #93626

Thank you. That has helped. However we have issues on other parts of the site.

For example on this page linked (see screenshot here)

https://prnt.sc/PmGKnDt2kYWB

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?

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #93693

Where do you want to set it?

0
DR
David Rogers
Accepted Answer
3 years ago #93699

Hi it needs to be set exactly by the cat as it is set here

https://prnt.sc/PmGKnDt2kYWB

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.

0
Pavel
Pavel
Accepted Answer
3 years ago #93705

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.

0