Hi, When global header is selected for either widget blocks or related posts block, I see extra gap at the top of the website header. Whenever I select any other block header then the website header is OK. I tried many times. Here are the screenshots of mobile.
https://pasteboard.co/KiMjLqc.jpg
Homepage is not effected because I used another block header style. To sum up “global header” is problematic and spoils the design.
The same problem exists for the desktop header too.
Hello!
Please check if you have “Empty column” in the TagDiv Composer builder page and delete them. Also, check the element’s settings. Check all the pages where you have that gap and see if there is a setting for that.
If every setting is alright, then it could be from a plugin conflict, that’s why, please deactivate ALL plugins except tagDiv ones, also if you are using child theme or cache plugin, deactivate them, clear all cache(also from your browser) and try again.
Let me know the results!
Thank you!
Well. There is no blank column and I imported new post templates to test but nothing changed the situation.
But I have found the problem.
The problem is here in the header section:
<div class=”td_block_wrap tdb_header_logo tdi_10 td-pb-border-top td_block_template_18 tdb-header-align” data-td-block-uid=”tdi_10″>
In this wrapper the associated CSS has 20px padding declared as seen below. when I disable the padding, the mobile menu is OK.
.td_block_template_18 {
padding-top: 20px; // problem is here
}
I think it is because of original theme settings. Because I don’t set 20px padding for any block or header element.
It is interesting that td_block_template_18 which is a post content element is declared in the site header .
Well. There is no blank column and I imported new post templates to test but nothing changed the situation.
But I have found the problem.
The problem is here in the header section:
<div class=”td_block_wrap tdb_header_logo tdi_10 td-pb-border-top td_block_template_18 tdb-header-align” data-td-block-uid=”tdi_10″>
In this wrapper the associated CSS has 20px padding declared as seen below. when I disable the padding, the mobile menu is OK.
.td_block_template_18 {
padding-top: 20px; // problem is here
}
I think it is because of original theme settings. Because I don’t set 20px padding for any block or header element.
Hello!
Sometimes, the cloud ones from the demos are set up like that. That’s why you can customize it or set it after your needs.
I’m glad that you could solve the issue.
Thank you!
