Tagged: header background image
Hello,
Please check http://www.chaos2work.com/wp
The payoff text (the solution is in your people) is correct visible on a desktop. On a tablet the text falls of the screen.
Is there a way to fix this?
Thanks for your answer!
Martine
Hi famewebdesign!
Thank you for using Enfold.
How did you add it? I can’t find the container inside the header section.
Regards,
Ismael
Hi famewebdesign!
try to use this code:
@media only screen and (max-width: 1024px) {
.header_color {
margin-left: -9px;
width: 108% !important;
}}
@media only screen and (max-width: 1024px) {
div .logo {
left: 94px;
}}
Cheers!
Andy
Thanks Andy
Unfortunately i’t’s not working. You can check on the tablet now. I will let the code on the site untill tomorrow morning (here it’s sunday night nine now). Then I have to remove it .
Maybe you have another tip?
Thanks!
Martine
Hi!
For that I would consider just uploading an image instead of using the header background. You could do this to add a widget area to your header, http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/.
Or you can use this CSS as a quick fix.
.header_color .header_bg { background-position: right top !important; }
Best regards,
Elliott
Thanks Elliot! The widget in the header is a good idea! Didn’t think of it myself …
Also tried to use your code. That works perfect! The only thing is that I would like to remove this image (the text “the solution is in …” when viewing the site on a Phone. Can this be done?
Martine
Never mind… Found it already …
Thanks for your help Elliott!
Martine