Archived topic
header ads 728 90 cut
13 replies · Started by Ruben on April 19, 2015
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
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 :)
(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.
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?
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
Aha! The header widget has a max-width of 50%.
You can overwrite this with this CSS:
.header-widget {
max-width: 100%;
}
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;
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 :)
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!
Awesome! Glad it worked :)
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:
I used the plugin custom css and put the code....
Im sorry :(
Do you still have this code?:
.header-widget {
float: right;
}
Aha
I added that to the CSS and now seems to work
Thanks Tom
Have a pleasant day
You too! :)