Hero Image not Starting at top of page

  • Posted in : Efor
  • Anonymous
    Inactive

    Hello,

    I’m having issues with the hero image on this page. Why is it not positioned directly below my navigation bar? I have tried adding additional padding… but then that distorts the image. I’m not sure why there’s a big white space there…

    Having difficulty with the template on this page.

    serkan
    Moderator

    Hi,
    You can customize it via elementor and also this custom css code will decrease the space 50px more.

    @media screen and (min-width: 768px) { .page .site-main { padding: 0; } }

    Thanks

    Anonymous
    Inactive

    Hello,

    The image is still not in line with the top navigation bar (there is a white gap).

    Is there something happening with the backend of the template? My widgets should be able to line up with the top of the page.. I don’t understand why there is a gap here.

    serkan
    Moderator

    Hi,
    Could you send me a screenshot of the related huge space, please?
    Thanks

    Anonymous
    Inactive

    This is the space at the top of the page after I added your code snippet.

    I feel there may be something wrong with the backend, as none of my widgets will align with the top of the page. There is always a white gap.

    serkan
    Moderator

    Hi,
    This custom css code should solve your issue but you could set up the gap in elementor as well. Well try to use the css code,

    @media screen and (min-width: 768px) { .page .layout-fixed { margin-top: -48px; } }

    Thanks

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register