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?
powerrangersnow.
