- This topic has 13 replies, 2 voices, and was last updated 7 years, 9 months ago by
Tom.
-
AuthorPosts
-
April 19, 2015 at 12:12 pm #100107
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
April 19, 2015 at 9:07 pm #100249Tom
Lead 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 π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentApril 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 #100448Tom
Lead 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?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentApril 20, 2015 at 9:18 am #100457Ruben
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
April 20, 2015 at 9:30 am #100464Tom
Lead DeveloperLead DeveloperAha! 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-developmentApril 20, 2015 at 11:00 am #100477Ruben
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 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 #100625Tom
Lead 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 π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentApril 21, 2015 at 12:10 am #100628Ruben
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!
April 21, 2015 at 8:57 am #100814Tom
Lead DeveloperLead DeveloperAwesome! Glad it worked π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentApril 21, 2015 at 1:41 pm #100996Ruben
April 21, 2015 at 10:36 pm #101118Tom
Lead DeveloperLead DeveloperDo 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-developmentApril 22, 2015 at 9:23 am #101279Ruben
Aha
I added that to the CSS and now seems to work
Thanks Tom
Have a pleasant day
April 22, 2015 at 9:32 am #101291Tom
Lead DeveloperLead DeveloperYou too! π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development -
AuthorPosts
- You must be logged in to reply to this topic.