• Resolved Reggy

    (@fluxwavez)


    Image example: https://i.imgur.com/P4WEnMc.jpg
    Image example 2: https://i.imgur.com/IMt3lxu.jpg
    The website in question is: personacentral.com

    Using the AdSense plugin and Theme Options with Hueman to add a custom logo (Header menu), placing an ad at the top of the page alongside the logo makes the blank space in the header quite large.

    I imagine that this is because of the possible width of an AdSense ad (as seen in “Image example 2”) forcing the logo to be placed above the ad unit. Would there be any way of reducing the size of the empty space in the header, while keeping the logo and an ad unit in this section?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hello FluxWaveZ,

    Try adding the following CSS to your custom stylesheet.

    #header .pad {
        padding-bottom: 0px !important;
    }

    Hope that helps.

    Thread Starter Reggy

    (@fluxwavez)

    Thank you for the help. Unfortunately, that did not work and, trying to manage ads using the AdSense plugin to see if I could somehow readjust the top ad to the right of the logo, I only get the error message “Oops. Something went wrong. Please try again.” after attempting to analyze the page. Frustrating.

    It seems that there might not be a way to adjust the top spacing so the logo and ad are on the same row in the header, at least with the current AdSense plugin unit.

    Thread Starter Reggy

    (@fluxwavez)

    Well, I resolved the AdSense plugin error message issue by disabling cache and minify settings, but unfortunately the CSS code still won’t let me adjust the ad unit’s position right next to the logo, no matter the type of ad (vertical, box, horizontal) I select.

    Example image: https://i.imgur.com/gDUZWgG.jpg

    I can place the ad unit above the logo instead of below, but other than that, it doesn’t seem like the AdSense plugin will work for what I’m going for.

    You could use the Theme Options > Header > Header Ads sidebar built into the theme. Drop your AdSense code into a text widget and then use a little css to position it in the header. Note that when the viewport reaches 1200px the Header Ads sidebar is hidden to allow room for the site title/tagline/logo. You can use a media query to display and size it accordingly if needed.

    Thread Starter Reggy

    (@fluxwavez)

    Thank you, bdbrown. I decided to remove the header ad placed by the AdSense plugin and instead place it manually in the header sidebar through a text widget, and that fixed the problem.

    I attempted to follow your instructions in this previous support post about how to keep the ad visible when the viewport reaches 1200px, but that added code to the child theme’s CSS ddin’t seem to function. That’s another issue, though, thanks for helping me resolve this one.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Removing blank space in the header between logo and ad.’ is closed to new replies.