Space between header & body

  • Afternoon,

    There’s two issues I’m struggling with – perhaps they’re related.

    1. There’s that space/thick empty line between header and first item on a page and I can’t figure out how to make it go away


    2. I’d like to have the first image on a page start from the very top and go under the header, with the header being transparent.

    I also wonder here if it’s a matter of remaking the header as part of each individual page and removing the original header or if there’s a better/cleaner way, after fixing point 1.

    Thank you!

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

Viewing 8 replies - 1 through 8 (of 8 total)
  • Gin

    (@rawdolphe)

    Have you tried to set the margin top to 0 inside the outer block?

    I spotted the issue when adding images as background, so in my case I set the Margin Top to 0.

    Thread Starter thevault3

    (@thevault3)

    I mean, I took out all margins I could find – it’s visible if you inspect element.

    Gin

    (@rawdolphe)

    Did you look inside the template as well as the blocks and patterns?

    Because some templates (and blocks) add margin top, and that’s inside the Template.

    I know it’s not always intuitive or super easy, but in my case did a lot of digging and back and forth between Templates, Patterns and Blocks.

    Thread Starter thevault3

    (@thevault3)

    I looked in 78623424 places, hence why I wanted someone with fresh eyes to look over it, cause at this point it’s either something I’ve missed or something I don’t understand with my limited knowledge of this

    Gin

    (@rawdolphe)

    I understand the frustration, for your situation you would need someone to login to your account to see what’s going on and help you with it. Personally, sorry I couldn’t offer this as it’s a delicate area.

    I had a similar issue with the footer block (please do a search here), and in the end we had to add some custom css to fix it. I came up with a idea, but someone else came up with an even better idea, and I am using his code.

    Thread Starter thevault3

    (@thevault3)

    I understand, I wouldn’t be comfortable having someone log in either. I was hoping this would be something visible for someone experienced through inspect element.

    I guess I’ll just resign myself to having that space and then the 2nd part of my question doesn’t even matter anymore at this point, if I can’t get rid of that line.

    Thread Starter thevault3

    (@thevault3)

    I managed to find it. Some weird interaction between the pages an one empty headline somewhere.

    Any chance someone can still help me figure out how to do the 2nd part:
    2. I’d like to have the first image on a page start from the very top and go under the header, with the header being transparent.

    I know how to make the header transparent, my issue is not knowing how to align that first block to go all the way to the top

    Gin

    (@rawdolphe)

    Great you moved on with a fix, as for the image, I can think of two things:

    1. Try negative margin?
    2. If you are using background image with the cover block, I know that when it is set to ‘scroll’ or something in the settings, it will go under the menu, the only thing is that the image will not be fixed.
Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Space between header & body’ is closed to new replies.