Banner ad beside the Logo

  • Hi,
    First of, thank you for the very nice theme.

    Concerns:
    1. I hope i can add a banner beside the logo (at the right side of the logo – google adsense hopefully) How to do it, I hope you could show how.

    2. If the logo is an image, it is not responsive for mobile devices.
    I tried some tutorials posted online but i’m afraid to adapt it to this theme.

    I would really appreciate your help.
    Thank you very much and regards.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author Qaiser

    (@kais99)

    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

    Theme Author Qaiser

    (@kais99)

    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.

    Thread Starter matte_uh

    (@matte_uh)

    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?

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Banner ad beside the Logo’ is closed to new replies.