Centering adsense widget inside header

Hi jpartin1976,

Can you share your website url?
It is easier to help by looking at the actual problem.

Best wishes,
Placid

oh so sorry — https://www.missionhomeschool.com

Hi jpartin1976,

Insert the following code in your child theme’s stylesheet:

#title-area {
  height: 150px;
  width: 970px;
}

#header .widget-area {
  float: right;
  padding: 15px 0;
  width: 945px;
}

Also, reduce the size of the Google search input to around 45 to make it squeeze into the page.

Another thing, I noticed you are using an image background “3am_bg_61.png” which is more 2MB in size. It is making your site slow. My advice would be to reduce the size using any image editor and also convert it to JPG format.

Hope that helps !!

Placid

You could use a smaller adsense banner, maybe 720 px wide instead of 970.

I tried using a smaller banner… it still hangs off the right edge, so that’s not the problem… my space is large enough …the widget area is somehow set to the far right edge…. and I don’t know how to change it.

How do I insert that code into the style sheet. I inserted in at the bottom, but nothing changed? Is there somewhere specific I should put it?

Hi jpartin1976,

First of all, please see the image shown in the link to make sure you want to achieve something like this:

https://postimg.org/image/qubzg0t13/

Second, please mention which theme you are using. If you are using a theme that you be updated later, you must use a child theme to retain your modifications.

Best of luck,
Placid

well actually I was wanting the ad to display inside the header…. not below it.

See how this blog is set up? With an ad right there in the header. https://crystalandcomp.com/

I have a genesis and prose.

If I can’t get the ad to show up centered in the header, they way you showed it would definitely work as well.

Hi jpartin1976,

In the site you mentioned, the widths are as follows:
Logo image on the left = 398px
Adsense Banner size = 728px
Total = 1126px

So, the two elements fit in the total width of the site-content of 1140px.

But that’s not the case in your site, total widths of the logo image + adsense banner ad exceeds the total width of the site.

So, you either have to use a smaller banner with “468 x 60” or you need to follow the directions I previously advised.

To save yourself from future pain, you should learn how to create a child theme. If you choose not to do so at this moment, follow these steps:
1. In your dashboard, make sure your theme is selected
2. Click on Editor under Appearance
3. Make sure you see Stylesheet under the Edit Themes heading. Scroll down to the end of the codes you see and paste the code I gave you in the previous topic.
4. Save it. Open your website and refresh.

This should work.

Best wishes !!
Placid