Hearder Right Widget Cropped – Metro Theme

[gabrielgmoura]

Hi SP Community,

I need your skills. I am trying to add an AdSense Unit to the header right widget in the Metro Theme, but the unit itself is being cropped. You will notice in the image bellow how you can't read the text on the right side of the image. Also, there's extra space/padding between the logo image and the header image, which is probably causing the issue.

Would anyone out there be capable to help me fix this issue?

Thank you so much for your time and consideration.

Best,
Gabriel

http://www.elementsofcinema.com

[Christoph]

Hi Gabriel,

in your style.css find the following

.title-area {
  float: left;
  padding: 0;
  width: 360px;
}

The "extra space/padding" is coming from this width.
Reduce the width to 310px;

Then find

.site-header .widget-area {
  float: right;
  width: 664px;
}

and change the float to float: left;

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[gabrielgmoura]

Hi Chris,

That was spot-on. Quick and painless. Thank you so much!

Best,
Gabriel

[Author]

Posts