Using full width header option
I would like to span my header image across the page similar to this website w w w.unit4.c o m
I have used the style options and selected Full Width Header - yes However it moves to one side. So I have a couple of questions What size image should I be using - I have read that it should be the size of the max screen resolution you expect the site to be looked on. However all the ones I have looked at are 1000px but span the whole screen at 1280px I've tried centering the header image but this doesnt seem to work either. I dont have an active site, just trialling on my local machine at the moment |
You may have to apply CSS to have the image show as you want along with sizing it properly so it is not too pixelated.
|
I copied this from a responsive website, but not sure this would work - would I have to wait until Atahulpa is responsive to get this working
element.style { width: 100%; height: 100%; opacity: 1; position: relative; background-image: url(http://mysite.com/wp-content/uploads/xxxx.jpg); background-color: rgba(0, 0, 0, 0); background-size: cover; background-position: 50% 0%; background-repeat: no-repeat; } |
Just give it a try. Of course you will need to change the selector to target your header.
|
All times are GMT -6. The time now is 08:27 PM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.