Stretch Header image to entire width of page

  • Author
  • #130700

    Hi binarymoon,

    First off, thank you for such comprehensive and concise support; wonderful work!

    Is there some simple CSS to stretch the Header Image to the entire width of the page? (while being mobile friendly).

    Same question for Site Page Header Images.

    Many thanks in advance,

    The blog I need help with is


    Theme Author

    Hi there – thanks for the message.

    I think the following custom css will work:

    .container a.header-image {
        width: 100vw;
        margin-left: -50vw;
        position: relative;
        left: 50%;
    .container a.header-image img {
        width: 100%;

    Excellent, thank you very much!

The topic ‘Stretch Header image to entire width of page’ is closed to new replies.