Header Image – Gaps When Responsive

Forums » WordPress » Esotera » How To

  • Author
    Posts
  • February 10th, 2020 at 17:35 #98754
    Scott Hutchison
    Power User

    Hello,

    I am using a long header image and when I flip between a large monitor and tablet views the image does not remain cropped and leaves a gap on either side. I notice this happens once the menu shift down to into responsive mode. Any ideas? I have switched between my edited child theme and the main theme and it does this on both.

    I was wondering if my long image would have to be edited? I like the long image so that it fits within a thin long format of a phone.

    Thanks, and I love the theme!

    -Scott

    February 10th, 2020 at 20:40 #98763
    Scott Hutchison
    Power User

    By the way, ff turn off the Jetpack Site Accelerator the problem still persists. I’d rather not use the Jetpack’s site accelerator, but unfortunately if I don’t all my lightbox’s images are stretched. Lightbox displays their thumbnail instead of the main image for some reason and stretches is to fit the page. (Another issue entirely)

    website:Scotthutchison.com/art

    -Scott

    Website: www.scotthutchison.com/art

    February 18th, 2020 at 05:21 #99007
    Scott Hutchison
    Power User

    Thanks Luistom.

    I fixed the issue.

    A quick update. The issue I was having was the Esotera Theme slider. (Esotera is a responsive theme) I discovered that the slider is not fully responsive for an image that has a vertical ratio of 3 x 4.8. No matter the size of the image. I tried a 753 x 1200 image and a larger 1500 x 2389 and both didn’t scale correctly in the Esotera theme. So my solution was to change the ratio that was less vertical. 3 x 4 to be exact. It scales correctly now.

    Thanks!
    Scott

    http://www.Scotthutchison.com/art

    Website: www.scotthutchison.com/art

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Header Image – Gaps When Responsive’ is closed to new replies.