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

Screen Distorted On Smaller Screens

GH

Gavin Hogan

SP Page Builder 4 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

0
6 Answers
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 4 years ago #35118

Hello Gavin Hogan

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

Best regards

0
GH
Gavin Hogan
Accepted Answer
4 years ago #35123

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

0
GH
Gavin Hogan
Accepted Answer
4 years ago #35124

https://ibb.co/zPjpXc8

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

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 4 years ago #35139

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;
}
0
GH
Gavin Hogan
Accepted Answer
4 years ago #35163

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

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 4 years ago #35172

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

0