header ads 728 90 cut

[Ruben]

Hello….when I try to place a 728 banner in the header it is cut as seen in the image (i do not know how to upload my original image using this…sorry)

Even though my logo is small and I placed on the left, my 728 does not work properly

What can I do?

Thanks

[Tom]

Hi there,

Is it sticking outside of your container?

Is there at least 728px of space for the ad?

If you’re using Adsense, try their responsive (mobile) ad type – it will display as large as the container will allow it on all devices.

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Ruben]

(I wish I could upload the image here so the problem could be seen clearly…but I do not know how to do it)

I moved the logo to the left as seen here: http://www.mejorbrokerdebolsa.com/

My logo is small…so there should be enough room for the 728 adsense ad next to it…but when I place it it shows only 500 aprox. and the rest is cut (not even seen).

I tried adaptable adsense size ad as you said but it does not seem to work.

[Tom]

You can upload the image to a site like this: http://imgur.com/

Then link me to the URL.

If the ad is being cut off, there’s most likely not enough room for it. Are you trying to add it through the Header widget by chance?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Ruben]

Ok Tom

There it is http://imgur.com/kRAHTJw

The size of my content is 1100 so there should be enouhg room.

I used it with the header text widget, yes.

As you can see the advert is placed like 400 px right of my logo…that is the problem….it should start just next to it…(my logo is just a little square).

Thanks

[Tom]

Aha! The header widget has a max-width of 50%.

You can overwrite this with this CSS:

.header-widget {
      max-width: 100%;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Ruben]

Hi

I added

.header-widget {
max-width: 100%;
}

instead of

.header-widget {
float: right;
overflow: hidden;
max-width: 50%;
}

But it does not work either

I left also float: right;
overflow: hidden; and 100%…but does not work

The code now looks like this:

.site-logo {
display: inline-block;
*display: inline;
*zoom: 1;
max-width: 100%;
}
.site-description {
margin: 0;
}
.inside-header {
padding: 40px;
}
.header-widget {
max-width: 100%;
}
.header-widget .widget {
padding: 0 0 20px;
margin-bottom: 0;
}
.header-widget .widget:last-child {
padding-bottom:0;
}
.nav-float-right .header-widget .widget {
padding: 0 0 10px;
}
.nav-float-right .header-widget .widget:last-child {
padding-bottom: 0;
}
.nav-float-right .header-widget {
position:relative;
top: -10px;

[Tom]

Are you changing the core file? I suggest adding CSS using one of these options: http://generatepress.com/knowledgebase/adding-css/

If that doesn’t work, I’ll have to see the live site so I can take a look at the code.

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Ruben]

Yes..I did change the core file hehe.. I am bit clumsy

Now I did as you said and it works

Thank you for your time Tom

Have a great day

Hasta la vista!

[Tom]

Awesome! Glad it worked 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Ruben]

Hello Tom

Unfortunately it did not work after all…

It worked when I did it first time…but next time I visited the site it was wrong…like this:

View post on imgur.com

I used the plugin custom css and put the code….

Im sorry 🙁

[Tom]

Do you still have this code?:

.header-widget {
      float: right;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Ruben]

Aha

I added that to the CSS and now seems to work

Thanks Tom

Have a pleasant day

[Tom]

You too! 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts