Jump to content
Search In
  • More options...
Find results that contain...
Find results in...

Header Image Question - Chronicles of Aereth.

Recommended Posts

URL: https://aereth.com/


I am having a bit of an issue with getting my header image to fit and display properly on all devices. Amongst my many tech failings, I am barely at apprentice level when it comes to site graphics. LOL  Consider me the tech Village Idiot. I promise I won't be offended.

  • Details: I created a header based on the one that ships with Gaia. In fact, I named my file the same. Per the dimensions of the default header image, I made mine 1630 x 252. My main computer is a 15" MacBook Pro, my secondary device is an iPad Air. On my laptop, the image starts to repeat, on my iPad, it is cut-off. I use Chrome on both devices. When I set the image for no-repeat, it will not display at all.
  • Other Changes: Reset the wrapper width to 90%.
  • I can upload a zip of the PSD or the finished png if you need it.
  • What am I doing wrong?

Any and all help is much appreciated.

Someone somewhere went to sleep and dreamed us all alive.
Dreams get pushed around a lot, and I doubt if we'll survive.
We won't get to wake up, dreams were born to disappear.
And I'm pretty sure that none of us are here.
~ None of Us Here by Jim Stafford ~


sagas-button1.png.467e9214ee1a2d2a24c0030301948c27.png   aereth5.png    Smuggler's Blues RPG



*your one-stop RPG resource site!

Link to post
Share on other sites
  • Operations Mod

Ahmmm I believe what's messing you up is the automatic resizing handlers that adjust the size of it for the device viewport width. So you can either take that part out (would be background-size in the CSS for .header), or you can make the banner taller so that when it adjusts the image height re: background-size, the width doesn't become less than the banner's width space.

  • Love 1
There comes a point when you have to realise that you'll never be good enough for some people.
The question is, is that your problem, or theirs?

Archive of Our Own | Fanfiction.Net

Link to post
Share on other sites
  • Recently Browsing   0 members

    No registered users viewing this page.

  • Create New...

Important Information

By using this site, you agree to our Terms of Use, Guidelines and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.