Support » Plugin: Atomic Blocks - Gutenberg Blocks Collection » Hero Header Section

  • Resolved Elkerton

    (@elkerton)


    Greetings. Using the Atomic Blocks theme, I added the Hero Header Section to the top of my Home Page, but the image is not stretching to the full width of the screen. How do I make the width of the image fill the screen? Thank you

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • madison4atx

    (@madison4atx)

    When inspecting the page, i noticed the amp plugin is setting a css value on the image of:

    object-fit: contain;

    Visible in this image https://imgur.com/a/QVBqMcT

    If that css rule is taken out of the equation the image then fill’s the full width of the page, as evident in this image: https://imgur.com/a/9Hrqbcs

    Elkerton

    (@elkerton)

    That is brilliant – thank you! I actually added the following custom CSS:

    object-fit: cover;

    This allowed the image to fill the header without stretching.

    madison4atx

    (@madison4atx)

    Ah good call, setting it to cover looks even better! Great job!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Hero Header Section’ is closed to new replies.