[Resolved] How to make my header add on image full screen

Home Forums Support [Resolved] How to make my header add on image full screen

Home Forums Support How to make my header add on image full screen

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #259820
    kyle

    I have a sample image on my website and I’m trying to get it to fit full screen but I can’t seem to work it out.

    I managed to get it working before on another website with but when i use the same code for some reason this time it does not seem to work.

    If someone could check it out for me that would be great. The page is:

    http://swingtradesmart.com/learn-to-trade/what-is-technical-analysis/

    And the code I’ve used in the child theme is

    .generate-page-header.grid-container {
    max-width: 100%;
    margin-top: 0px;
    }

    And just in case this helps, here is the URL for the website that the code did work on

    http://purehousehacks.com/kitchen-hacks/

    Thanks in advance

    #259915
    Leo
    Staff
    Customer Support

    Hi Kyle,

    Try this CSS:

    .page-header-image.generate-page-header {
        max-width: 100%;
        margin-top: 0px;
    }

    Let me know.

    #259962
    kyle

    Thank you for the effort but unfortunately not no ๐Ÿ™

    #259970
    Tom
    Lead Developer
    Lead Developer

    You need to force the image to be full width:

    .page-header-image img {
        width: 100%;
    }
    #260274
    kyle

    I just related the other code and added your code Tom but still nothing. It was very straight forward last time I’m not sure what I’m doing wrong.

    #260276
    kyle

    Update I just used the original code I posted in the first post that I said worked on my last site and I also added your code Tom And now it works. Thanks for the help guys

    #260283
    Tom
    Lead Developer
    Lead Developer

    Glad you got it working ๐Ÿ™‚

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.