Support » Theme: Bento » White gap between header and hero image

  • Hi Bento Team,

    I have an issue that I couldn’t figure out how to solve, I’m using Siteorigin builder and in any new page when I add the first row (including a headline or hero) there is a big white gap between the 1st row and the top of the page, how can I remove this gap ?

    For example:
    https://eguru.website/how-it-works/

    Thanks
    Best Regards
    Eslam

Viewing 10 replies - 1 through 10 (of 10 total)
  • remove this gap ?

    using Siteorigin builder

    Thanks for the help, I tried to follow the screenshots but still couldn’t remove te gap, even when in row settings> layout, I change all padding and top padding to 0px but it doesn’t move.

    The only solution was to add below CSS, but this affect all the pages on the wesbite and not only this page

    .post-header-title {
    padding: 0px;
    }

    Any ideas?

    you need to try primarily change padding to the widget layout.
    then for the layout row
    then save the post
    sometimes SO “klemmt” and it does not display changes…@@

    I changed the padding of the row and it now takes effect , i found that it doesn’t take effect if the “extended header options” is enables, but f it’s disabled there is no white gap now.

    However, there is still one issue as i can’t have transparent header without the extended options, so now i have the header (with white background) and then the hero image

    Any ideas?
    and thanks a lot for helping 🙂

    Theme Author satoristudio

    (@satoristudio)

    Hey Eslam,

    thank you for choosing Bento! The URL you’ve linked to above displays a header image with a transparent menu – is the last issue you mentioned still topical? If yes – please describe your desired outcome vs the current situation. Thanks!

    Sincerely,
    Andrii / Satori Studio

    tolba59

    (@tolba59)

    Hey Andrii,

    Thanks for your feedback, the issue is still there, you can check https://eguru.website/test/

    By adjusting row padding I can now have the hero image without the white gap between the header and the hero image, but I still have the same issue of the white background menu as you can see on this test page, I want the menu to be transparent over the hero image (this can be achieved by using extended header options but once I do this the hero image moves way down and the white gap issue appear again)

    In brief, I want it to look like other pages for ex:https://eguru.website/how-it-works/ where I’m using page feature image along with extended header options, but I want to use SO hero image instead

    Thanks
    Br,Eslam

    Theme Author satoristudio

    (@satoristudio)

    Hey Eslam,

    the transparent header option currently works together with the Extended Header feature only – is there a specific reason you want to use the SO Hero widget instead?

    Sincerely,
    Andrii / Satori Studio

    tolba59

    (@tolba59)

    Ok, understood.
    Yes, I have more control on text and buttons and can have sliders too

    Thanks for your support
    Br,Eslam

    Hi there!
    I have the same issue: there is a gap between the logo and the hero image. I’ve tried everything you said in this thread, but no results.
    I’m using the Siteorigin Page Builder.
    Do you ave any ideas?

    Theme Author satoristudio

    (@satoristudio)

    Hey @freatz, please see my reply in this thread 😉

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘White gap between header and hero image’ is closed to new replies.