[Resolved] Full Width Featured Image on Home Page

Home Forums Support Full Width Featured Image on Home Page

  • This topic has 4 replies, 2 voices, and was last updated 3 months ago by Leo.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1339246
    Wayde

    I would like to place a full-width image at the top of my home page, but the content should remain less than full width

    I’ve looked several entries in the forum, but they all seem geared towards the header module that pre-dated the entries module.

    I’ve tried to use the entry module and the Hero option, but the amount of the image shown seems to depend on screen size (decreasing width of screen increases height of image, and increasing screen width decreases image height). I would like the amount of the image being displayed to remain constant regardless of screen size

    I’ve tried using the featured image option, but can’t get it to go full width

    Thanks

    #1339409
    Leo
    Staff
    Customer Support

    Hi there,

    You can use this CSS to make the featured image container full width:

    .page-header-image.grid-container {
        max-width: 100%;
    }

    But you will need to upload a bigger picture to make it full width. Something with width of 2000px.

    #1339429
    Wayde

    Thanks!!

    #1339430
    Wayde

    Thanks

    #1339468
    Leo
    Staff
    Customer Support
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.