Space between header and top

[AnnelaureVz]

Hi, there is a space between the header and top of my page (parallax) that I can’t get rid of.

1) I don’t display page title.
2) I use the parallax as first element instead.
3) I have already unticked “remove top space” in the edit page screen.

Please help!
PS: I found a thread with a similar title but not the answer, hence created this one.

Thank you and enjoy your day

[Kyle – SUPPORT]

You need to add mt0 to the extra class field. There are many topics about this that provide the same answer.

– Kyle

[AnnelaureVz]

Well, I have tried but it doesn’t work.

(Of course, I have cleared browser cache, and so on and so fourth)

[Mohammad – SUPPORT]

Hi,
Please provide your website URL this check this .
Thanks
With Best Regards
Swift Ideas

[Hausundplan]

Have the same problem, tested mt0 in every element, nothing works, I always have the following result with padding-top: 153px:

<div class=”inner-page-wrap has-no-sidebar no-bottom-spacing no-top-spacing clearfix” style=”padding-top: 153px;”>
<!– OPEN page –>

<!– CLOSE page –>
</div>

[Hausundplan]

ok, found a way by setting css manually:

.page-id-659 .inner-page-wrap {
padding-top: 0!important;
margin-top: 0;
}

but my understanding was, that I should use the extra classes on the page meta:
pt0 and mt0… unfortunately pt0 and mt0 don’t work

[Mohammad – SUPPORT]

HI,
You dont need to use extra class if your custom css working . I am glad that issue sorted .

With Best Regards
Swift Ideas

[slp86]

Hi, what about on the homepage at the bottom of the page? There’s too much blank space. How could I remove that? Thank you.

[Mohammad – SUPPORT]

Hi,
Please provide website url so i can check and give quick solution .

Thanks

[slp86]

Hi,
Further to the problem that I wrote earlier I’m hoping you can trouble shoot a related issue.

When looking at the site on the iPad the header position relative to the slide text isn’t quite right… and I figured out why.

When I was changed our header selection, I noticed that I couldn’t get the transparency to work on header option 3 (which according to the transparency setting – it should work for options 3/4/5). So, I selected instead option 5 because for some reason it worked for that option. But with header 5 selected – when you view the website on a smaller screen (I.e iPad), there is a large amount of space between the top of the page and the header (because it’s a floating header option).

So – we need to get the transparency to work with header option 3. As of right now, I have the transparency set to zero but it’s still showing up white…

Thank you. The site URL is: http://www.jb-tlc.com

[Melanie – SUPPORT]

Hey, your site is in maintenance mode 🙁

[slp86]

This reply has been marked as private.

[Melanie – SUPPORT]

Hey there, use this custom css and you’re good to go:

.sticky-header {
background: rgba(255,255,255,0.5)!important;
}

[slp86]

Thank you so much. Unfortunately that doesn’t work for what we need. We’re looking for it to be 100% transparent (like options 4 and 5) and the sticky menu to be 100% opaque (just as in menu 4/5). Option 3 isn’t acting like options 4 & 5. I don’t want to change the sticky menu, we want to change the regular menu. Hope that makes sense.

Thank you again.

[Melanie – SUPPORT]

This reply has been marked as private.