How to increase the banner header to accommodate Google Adsense Ad block

Hi all

We are using the General Flatty template and 4.8.2 version. We also have a Banner plugin installed.

Due to an issue with auto Google Adsense placement, we decided to do a manual placement on the Banner Header. But it has an issue ... see the image attached.

Attachment 4420

How do I increase the height on this Banner Header to accommodate Google Adsense huge banner?

Thanks

Hi!
You need to increase the size of the block in css styles in which the banner code is located

Open the file: ftp://templates>>your_template>>css>>style.css
find the class: div.header-banner-cont
and change height parameter.

Hi Victor. Thanks for this. I did change the code on css file - style.css on general_flatty. Changed from 106 px to 306px. Also, I did clear cache on the browser and still the same idea. Any ideas?

Attachment 4422

by the looks of it you would need to change the 'margin'

Code:

---

Only registered members can view the code.

---

to:

Code:

---

Only registered members can view the code.

---

and then the 'top'

Code:

---

Only registered members can view the code.

---

to:

Code:

---

Only registered members can view the code.

---

that all works I think for desktop view so then need to look at mobile view

Code:

---

Only registered members can view the code.

---

to:

Code:

---

Only registered members can view the code.

---

and then the 'top'

Code:

---

Only registered members can view the code.

---

to:

Code:

---

Only registered members can view the code.

---

Thanks, Chris. It works!!!

As the majority of the Google Adsense ads are around 250/275px in height, that's why we use 306 px as a baseline. There are ads that are lower in height than that. Is there any way to make the height relative flexible depending on the iframe height of the Google Adsense is instead of fixed height?