am going round in circles re top of page size!

Okay, its 11:14 AM here. I’ll try my best ??

Done, please check in your desktop and mobile screen.

Regards,
Awan

‘afraid I went to sleep!

looks just right !!!

Many thanks – will now try to see why. Was there any particular major change that you made?

Cheers

Geoff

‘have just tried on an ipad and with the landscape view the top of the pic is cut off – anything can be done re this?

Cheers

Geoff

Hi,

Yesterday, I just remove this code: #page{ padding-top: 50px; } and change the page template from “default template” to “front page template”

well, to fix the iPad landscape view, please add this CSS code:

@media only screen and (max-width: 1024px){
  .slides-container .slide-item{
    background-position: 100% -30% !important;
  }
}

thanks Awan – will try the css but not clear how you change the template!?

Geoff

plus re the css you have written

@media only screen and (max-width: 1024px){

before it was

@media only screen and (max-width: 991px){

which is the best to use?

Cheers

Geoff

Awan

understood now re template – you changed the template for the home page. Templates apply to individual pages?

Geoff

@media only screen and (max-width: 1024px){

before it was

@media only screen and (max-width: 991px){

which is the best to use?

You have to use both code, because its called when the screen size are matched with those media rules. read this for more explanation https://www.w3schools.com/cssref/css3_pr_mediaquery.asp.

Templates apply to individual pages?

Yes

OK thanks!

Geoff