Kindly try to open ‘Voice Report’ demo page on mobile devices. Don’t know why but it leaves a small gap between header and homepage content.
Kindly help me this extra gap. Not sure why it was actually left there even on the default design.
THank you,
Hi,
The gap comes from the main page top margin:
https://www.screencast.com/t/KWh6y3p9J
@media (max-width: 767px){
.td-main-page-wrap {
padding-top: 32px;
}
}
Hi Bogdan, Thanks for pointing this out. It does work but even after making the padding-top: 0px; it displays small white gap. I want to vanish the gap totally like as shown below.
Please help me with this. Thank you.
Hi,’
It seems there is an empty paragraph added there. Please use this code to remove the spacing and paragraph:
@media (max-width: 767px){
.td-main-page-wrap {
padding-top: 0;
}
.tdc-content-wrap p:empty{
display:none;
}}
Thanks.
Sadly this didn’t work 🙁
I added this to Custom CSS. Should I try adding this directly to voice demo style CSS? if yes, where? Will you please check if the above code works on your side?
Also, is there any use of that gap which made you keep it there in the default version of Voice demo or it’s just a design mistake in this new theme template which will be taken care in the next update?
Thank you.
Hi,
You seem to have a custom ad 1 block that is empty right above the grid. Please remove the block https://www.screencast.com/t/2c16f2zgf50
Thanks.
Oops! you were so true about this.
It works when I removed this custom ad-1 space. Thank you so much, Bogdan. 🙂
You have been amazing in helping me since I joined the TagDiv.
Regards.
