- This topic has 13 replies, 2 voices, and was last updated 8 years, 11 months ago by Tom.
-
AuthorPosts
-
April 19, 2015 at 12:12 pm #100107Ruben
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
April 19, 2015 at 9:07 pm #100249TomLead DeveloperLead DeveloperHi 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 π
April 20, 2015 at 7:14 am #100420Ruben(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.
April 20, 2015 at 8:52 am #100448TomLead DeveloperLead DeveloperYou 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?
April 20, 2015 at 9:18 am #100457RubenOk 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
April 20, 2015 at 9:30 am #100464TomLead DeveloperLead DeveloperAha! The header widget has a max-width of 50%.
You can overwrite this with this CSS:
.header-widget { max-width: 100%; }
April 20, 2015 at 11:00 am #100477RubenHi
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 workThe 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;April 20, 2015 at 11:11 pm #100625TomLead DeveloperLead DeveloperAre 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 π
April 21, 2015 at 12:10 am #100628RubenYes..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!
April 21, 2015 at 8:57 am #100814TomLead DeveloperLead DeveloperAwesome! Glad it worked π
April 21, 2015 at 1:41 pm #100996RubenApril 21, 2015 at 10:36 pm #101118TomLead DeveloperLead DeveloperDo you still have this code?:
.header-widget { float: right; }
April 22, 2015 at 9:23 am #101279RubenAha
I added that to the CSS and now seems to work
Thanks Tom
Have a pleasant day
April 22, 2015 at 9:32 am #101291TomLead DeveloperLead DeveloperYou too! π
-
AuthorPosts
- You must be logged in to reply to this topic.