Stretch Header image to entire width of page

  • Author
    Posts
  • #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,
    Tristan

    The blog I need help with is venturingvagabond.com.

    #130745

    binarymoon
    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%;
    }
    #130873

    Excellent, thank you very much!

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