How to remove the gap between menu bar and banner in the default pro theme?

Posted in: Newspaper
Post count: 40

Hi
I use default pro theme and selected a header from cloud templates. And finally I disabled all ads. But there is gap between menu bar and banner?
Please check photos of problem:
https://prnt.sc/spu5dx
https://prnt.sc/spu6rl
How can I remove the gap between menu bar and banner in the default pro theme? Is it possible to remove without using additional css code?

  • This topic was modified 6 years by yasinnar.
Post count: 35449

Hi,

You can do it using tagDiv Composer, click on the row and check the css tab -> https://i.imgur.com/r4x80ZT.png there you can change the padding top.

Hope this will help you!
Thank you!

Post count: 40

There is a problem with this link https://i.imgur.com/r4x80ZT.png
I used all browsers but none of them could open it. Anyway, I understand you.
You say “using tagDiv Composer, click on the row and check the css tab” but problem is that there is not any row includes “Header Ad”. Please watch that video: https://youtu.be/dHz_yZT_r4M
I click all over “Header ad”. I click on in under near “Header ad”. You see There is no row containing “Header ad”. I don’t understand it is strange.

  • This reply was modified 6 years by yasinnar.
Post count: 40

I think you forgot my tickets

Post count: 35449

Hi,

Please note that we try to answer to as meany topics we can (support hours (GMT+2) are from Monday to Friday: 8:00 AM – 17:00 PM also we had a day off https://i.imgur.com/rpUAb5G.png), we start from the oldest to newest.
Please try to set a lower padding for the row that is under the header -> https://www.screencast.com/t/UTwcjT7rr

Thank you!

Post count: 40

Hi again
I did but it did not remove the gap, changed something else as I guess.
I followed these steps:
Step 1: I clicked the row that is under the header. There is no padding value >> https://prnt.sc/ssz8ot
Step 2: I wrote “50”(for example) for padding top. >> http://prnt.sc/sszcmu
I don’t want not to increase gap between inside elements and border of this row.

Post count: 10

yasinnar, sometimes you have to use negative numbers. If 50 is increasing it, type in -50.

Post count: 40

I typed all minus values too. It doesn’t work. Because it is not about padding value of the row that is under the header.
I think you didn’t understand problem. Please watch this video to be able to understand problem well https://youtu.be/dHz_yZT_r4M
It looks problem is about like theme option or this is a bug. Header Ad shouldn’t be there because I disabled all Ads in theme options and also deleted Ads by using “drag here to delete” manually if they didn’t disable by theme options. But I can’t even click on the “Header Ad”.

  • This reply was modified 6 years by yasinnar.
Post count: 35449

Hi yasinnar, as celestially said you’ll need to use a negative value for margin top (for padding will not work).
Let us know the results!

Post count: 40

Hi again
Step1: I clicked the row that is under the header. https://prnt.sc/stsg09
Step2: I typed use -50 value for margin top of row https://prnt.sc/stsgef
It didn’t work.

  • This reply was modified 6 years by yasinnar.
Post count: 35449

Hi,

Let try other method, please use this custom css
-> https://i.imgur.com/InPzTnW.png
.td-main-page-wrap {
padding-top: 8px;
}

This css need to be set in theme panel> custom code> custom css.

Thank you!

Post count: 40

Hi again
I see that this is a bug. And it is impossible to remove “Header Ad” although I disable all Ads in theme options.
Your answer (CSS code) don’t help me doesn’t solve reason because The Header Ad problem is still there. https://prnt.sc/suc10d

You just try to not to show the gap but your CSS code fails to close the gap completely. https://prnt.sc/suc4i0
I am a computer teacher and want to create a clean coding for my web site. That’s why I want to know why you don’t remove Header Ad by theme options?
Please look at that. It must be like that: https://prnt.sc/subl1f

Post count: 35449

Hi,

The problem is that you have set in your header style a banner (ad) and this is not remove is only hide using the theme panel option (this is also using css like the one provide by me) -> https://i.imgur.com/120y5FZ.png if you do not want to have the add, then simply remove the code like this -> https://i.imgur.com/EbGksU3.png save the changes clear all cache and check the results.

Let me know the results!
Thank you!

Post count: 40

It is ok now
Thanks

Viewing 14 posts - 1 through 14 (of 14 total)
The forum ‘Newspaper’ is closed to new topics and replies.