Banner ad beside the Logo

Thank you for liking the theme. Here is the solution.

1st point – in header.php
1: Change <div class=”logo”> to <div class=”logo col-sm-4″>
2: And where this div <div class=”logo col-sm-4″> ends with </div> after it add below
<div class=”col-sm-8″>ADSENSE-CODE-HERE</div>
Replace ADSENSE-CODE-HERE with your ad code. You would need to adjust padding and margins as you like using CSS.

2nd point: Add below css code at the end of style.css to make logo image responsive.
.main-header .logo img{
max-width: 100%;
}

I didn’t test code but it should work. Do let me know if you have any questions.

Thanks,
Qaiser

Forgot to mention that you raised good points. I would add them in next Theme update which will be released in next 2 weeks. Hopefully it would help others.

Hi Qaiser,

Thank you very much for your prompt response.
I really appreciate your help.

I tried your code and as of right now,
1. My logo is now responsive for mobile.
2. I have inserted the code in my header.php as well as the adsense code and it worked like a charm. Perfect. I can now add adsense codes.

Just silly me, I forgot to activate maintenance mode and i think my visitors saw the big square google ad beside my logo.Haha. I used the wrong responsive adsense code.

By the way, I really appreciate that you are open for suggestions. I would like to grab this chance for another suggestion.

Right now, I am using a plugin called “WordPress Related Posts”. It’s a really light and simple plugin. And with the aim to make my website load faster, i am trying to eliminate some plugins.

if by any chance, do you know how to integrate / activate / create a code that could just be integrated directly to single.php or page.php?

Thank you very much. I’ll be waiting for your next update release.

Regards,
Matteuh

Been looking for a solution to adding an adsense unit next to the logo in the header.

Thanks very much. I presume that if we don’t want it to show on certain pages that are not allowed in adsense, I will need to add this or something like it:

<?php if (!is_page(array(‘Place Page name here‘, ‘Place Page name here‘, post ID, Post ID))) { ?>

<div class=”col-sm-8″>ADSENSE-CODE-HERE</div>

<?php } ?>

Hi, this solution isn’t working for me. I am applying the code exactly as specified, but it is placing the ad underneath my site logo, not next to it. Any idea what can be done?

• This reply was modified 7 years, 4 months ago by powerrangersnow.