I can’t for the life of me work this out how to get the main middle content to remain in the middle. Any help please? How does the calculation work? I’ve managed to get the top content in the right position, and the bottom of the page, but then the middle content is just in the wrong place. :-(

@yawns said in Mirror smaller than screen (by 6cm) - Possible to alter the image size?:

Please try this in custom.css:

body {
  margin-top: 250px;
  margin-bottom: 250px;
  height: calc(100% - 500px); 
}

That should give a 250px margin from the top and the bottom and it should center the content on screen again. If you play with margin-top or margin-bottom values please adjust the height calculation.