Staff replied SP Page Builder

Screen distorted on smaller screens

Asked by Gavin Hogan 5 years ago Last activity 5 years ago

Hi, I have an issue where my homepage is distorted on smaller screens but shows correctly on Desktop / Mobile / Tablet within SP Page Builder.

https://ibb.co/w47W05J

https://ibb.co/zJpDKCd

www.hallshaven.com.au

6 replies

Ofi Khan Staff

5 years ago

Hello Gavin Hogan

I have changed in the layout. Please check your site now.

Best regards

Gavin Hogan Asked this

5 years ago

Hi, please revert the changes .. now logo is too large

Gavin Hogan Asked this

5 years ago

https://ibb.co/zPjpXc8

Text showing behind the header is meant to be centred on the page not behind the header.

Ofi Khan Staff

5 years ago

I changed it back. Please try this CSS to Template Options -> Custom Code -> Custom CSS

.menu-fixed #sp-reservation .sp-module:first-child{
    margin-top: -10px !important;
}
.menu-fixed #sp-reservation .custom img{
    max-width: 50% !important;
}

Gavin Hogan Asked this

5 years ago

Thank you, i have tried your recommendation and I have implemented it although not in terms of my issue.

If you notice in Image 1, the white text "Welcome to Halls Haven Holiday Units" is centred i the page and looks correct, image 2 shows the same text in an incorrect position behind the header, this is what i am trying to fix. I am trying to ensure the text is centred on the page no matter the size of screen.

If i move the webpage from a large screen to smaller screen, it does not scale correctly.

Image 1 - https://ibb.co/YfqTpJX
Image 2 - https://ibb.co/ydhwwfF

Appreciate your help, thank you

Ofi Khan Staff

5 years ago

I have fixed the x-axis position in the homepage text block. Please adjust y-axis position.