adjust Hero Block grid height on large screensize

  • Resolved entlein

    (@entlein)


    3 years, 2 months ago

    Hi forum,
    I am using the aino hero block within the aino theme. I have tweeked it to let the content section overlap the image and I really like the result, except that the grid that holds the whole thing is stretching out
    @media (min-width:80em)
    and reveals a gap before and after the hero element so that the content that follows is below the fold. See link above How could I avoid it? I would love to add styles to the css, something like manipulating the min-height value but it seems to have no effect.
    could someone with more knowledge help me out?

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter entlein

    (@entlein)

    I found that css element I was looking for.

    It is this:
    .wp-block-ainoblocks-hero .wp-block-ainoblocks-hero__inner-container {
    min-height: 100vh;
    }

    Theme Author ElmaStudio

    (@elmastudio)

    Hi @entlein ,

    thanks so much for reporting this issue and providing the CSS fix. I will have a look at the Hero block in our next update to fix this.

    Thanks so much,
    Ellen

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘adjust Hero Block grid height on large screensize’ is closed to new replies.