Header image size issue

  • Prismat

    (@prismat)


    7 years, 4 months ago

    Hi
    So this is probably a beginner question, but I would like the header to have one giant image that extends over the top of the entire menu, possibly with some transparency behind it.

    When I take my logo header from my old webpage it is way to small. What is the recommended size for a header image that would extend the total way across the content/menu area width wise?

    I tried to make the header into the logo but it won’t extend the entire length so I’m assuming it will need to be the header image.

    Thank you

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter Prismat

    (@prismat)

    7 years, 4 months ago

    Also adding that I left the page width to the default content width. I know I will need to use ‘contain’ but I don’t know the largest size I should use so it won’t look blurry on someone’s monitor.

    Thanks

    Amit Singh

    (@apprimit)

    7 years, 4 months ago

    Hello,

    You can try 1920x1080px image size and select transparent header style from the Customize > Header > General

    Thread Starter Prismat

    (@prismat)

    7 years, 4 months ago

    Hi,
    Thanks for your reply.

    I increased the size of the image, and now it is possible to get it to go across the page without getting poor quality, but after adjusting the height of the menu there is a big white line on the left hand side of the header media area.

    If I change it to cover it will cover it, but I want to keep it on contain instead so the whole image shows even on smaller screens.

    The bottom of the header media image is also cut off and I can’t see where to increase the header media height area.

    This is the page I’m trying to get work: http://patchwork2.acupunctureone.com/
    Ignore the messy header image and page, it is definitely a work in progress.

    Thank you

    Edited to remove one issue I fixed. The rest what I list I’m still working on finding a solution.

    • This reply was modified 7 years, 4 months ago by Prismat.
    Amit Singh

    (@apprimit)

    7 years, 4 months ago

    If you don’t want to use the cover size, then try to add a larger image than this one.

    Thread Starter Prismat

    (@prismat)

    7 years, 4 months ago

    That header media image is 2000 px across. I tried 2100px and up and it doesn’t give the don’t crop option. It did cover the entire area until I adjusted the height of the menu below it.

    I guess I can change the height of the menu back, but I still am not sure how to adjust the height of the header media area to make it taller.

    Thanks

    Thread Starter Prismat

    (@prismat)

    7 years, 4 months ago

    I just took some screenshots of whats going on that might help. These two shots are the same image. They are both 2000px across. The only difference is the menu height. I included the slider so you can see which one it is and how it is affecting it.

    Dropbox link 1
    dropbox link 2

    Amit Singh

    (@apprimit)

    7 years, 4 months ago

    Try to resize the image in a ratio – larger width than height and adjust it to fit the area.

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Header image size issue’ is closed to new replies.