Hi Vincenzo. Try changing your custom CSS to this:
#header {
background: url(http://librimotivazionali.com/wp-content/uploads/2015/11/header_new.png);
padding-top: 105px;
}
Hi bdbrown,
I update my custom CSS with the following:
#header {background: url(http://librimotivazionali.com/wp-content/uploads/2015/11/header_new.png);
background-repeat: no-repeat;
position: relative;
padding-top: 160px;
height: 160px;
}
since my image is 160px height.
Now it seems that on Chrome works, on Internet Explorer the image is repeated and also on mobile (but I think there I need some further adjustments).
Do you have some suggestions to solve it?
thanks!
I’m still seeing a repeating image, both horizontal and vertical, and the navigation bar is still floating. This is the css that I’m currently seeing:
#header {background: url(http://librimotivazionali.com/wp-content/uploads/2015/11/header_new.png);
position: relative;
padding-top: 105px;
height: 160px;
}
If you’re trying to center the image and adjust the navigation bar, try this:
#header {
background-image: url(http://librimotivazionali.com/wp-content/uploads/2015/11/header_new.png);
background-repeat: no-repeat;
background-position: center top;
padding-top: 105px;
}
Now implemented the code you suggested; I keep on having two different results on Chrome and IE, can you confirm this?
On Chrome the navigation bar in now aligned to the image, but remains a “white space” between the navigation bar and the Follow bar; can I move the Follow bar up aligned to the navigation bar?
On IE the navigation bar is not aligned to the image…
I’m still seeing the same original css you posted. And this is a screenshot of your site in Chrome: http://www.screencast.com/t/ueD9UaQYkkk
Do you have a caching plugin installed? Or are you working on a development site somewhere?
Hi,
I have SG CachePress installed; now I purged the cache but overall I set a new size for image header which is 1310x165px and it seems working!
Many thanks for your help!
Vincenzo
