Archived topic
white spacing between the nav-menu and the header,
13 replies · Started by guevara on November 3, 2021
when i click on a title in the sub menus section (Second Level Menu Items) under SEO SERVICES - a white space appears. i had already applied the css code given to me in an earlier topic and it worked -
.page .header-wrap + #page .entry-content {
margin-top: 0;
}
Hi there,
You have a spacer block before the GB container block, can you remove it?
https://www.screencast.com/t/JfiDblbVQBr
Let me know :)
no its still there, i have removed all the spaces.
It's still there:
https://www.screencast.com/t/jda1PFYfUt
Please clear your cache after changes are made.
i have removed and cleared the cache and it is no more on that page but it still on the pages i have shared below and they have no spaces. still showing up on all those pages
These 3 pages you linked don't have the same issue as the one you linked before(/digital-agency).
As I can see the link /digital-agency has no gap between header and content now.
These 3 pages are not using the merge feature of the header element, so the CSS doesn't work for them.
Can you confirm that you are using CSS to hide the entry titles for all the pages? If so, change the CSS to this:
.page .entry-content {
margin-top: 0 !important;
}Let me know :)
Yes I am using this to hide the h1 titles - h1.entry-title {
display: none;
}
I took it out and replaced it with css that you gave me but the titles came back and the spacing was wider.. so I put the h1 title css back and also left the css you gave me. It still has s space.
I also disabled the header merge feature on the whole site.
Do you want the log in details??
Hi there,
You don't have to take the h1 CSS. The CSS Ying provided should work regardless if its added or not as shown here -
https://share.getcloudapp.com/YEuPZmRn
Just make sure you're adding it correctly(no syntax issue) and clear the cache after you've added it. You can add it on Appearance > Customize > Additional CSS text area.
Do you want the log in details??
There's shouldn't be any need for this. It's a simple CSS addition. :D
What I meant was use this CSS:
.page .entry-content {
margin-top: 0 !important;
}to replace this CSS:
.page .header-wrap + #page .entry-content {
margin-top: 0;
}I'm sorry, I should've made it more clear :)
Worked perfectly thank you guys.
You are welcome :)
