Website max width including header image

  • Resolved woody2227

    (@woody2227)


    4 years, 5 months ago

    Hi Oliver,

    I’m trying to make my website have a max width of 1000px including the header image.
    Right now the header image width is not set according to page max width setting, but only the menu and website info.
    I’m also unable to display a background image or background color because the header image is always full screen in the background.

    Here is what I ideally like to have:

    Website max width 1000px including header, although a full width header that leaves the screen while scrolling down would also be a nice option: In that case the rest of the website then needs to stick to max width setting, background color left and right.

    background image or color displayable

    I hope I could send the message what I#m trying to do:-)

    Thanks in advance!
    Best regards,
    Andreas

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Oliver Campion

    (@domainsupport)

    Hello Andreas,

    There are a couple of options which may help with what you want but, the way the theme has been built, it is unlikely that exactly what you want will be able to be achieved.

    Try …

    “Customizer – Header Options – Full Cover Image – Site Title Below”

    … and …

    “Customizer – Header Options – Full Cover Image – Site Title Overlay”

    Kind regards,

    Oliver

    Thread Starter woody2227

    (@woody2227)

    Hi Oliver,

    thanks for your quick reply. Ur suggestion does what you promised. It fixes the header to the max width of the website. Unfortunately the parallax effect for the header does get lost when doing so.

    I guess I’ll find another solution for that.

    For the time being, I have another question:

    How do I fix the post or site image (remove the parallax effect for those, like on the iPhone) on the front page? I could also post that in a new topic, if that’s more convenient for you.

    Thanks again,
    Andreas

    Plugin Author Oliver Campion

    (@domainsupport)

    Hi Andreas,

    I’m afraid that I don’t think the parallax effect is possible when displaying the header image in the manner that you require.

    With regards to your second question, I think a bit of CSS will do what you want but to be clear, are you talking about the featured images of the panels on the home page when using home page panels?

    Do you have a link to your site so I can take a look?

    Thanks,

    Oliver

    Thread Starter woody2227

    (@woody2227)

    Hi Oliver,

    never mind! Thanks for your effort anyway!

    Yes, I’m talking about the featured images of different frontpage panels(sections).
    And yes, I’ve got a link to my page: https://heilpraktikervietrich.de ??

    I tried to find a css setting for that, but unfortunately my skill level does not match the task level.

    Thank you very much;
    Andreas

    Plugin Author Oliver Campion

    (@domainsupport)

    I think we may have an option for that already ??

    Go to “Appearance – Customizer – Theme Options – Parallax Off” and select “Parallax Off”.

    Oliver

    Thread Starter woody2227

    (@woody2227)

    Hi Oliver,
    sometimes life can be so easy:-) It sure works!

    Just for the record. If someone wants adjust the max-width of those pictures, here is what I’ve used:

    
.panel-image {
   max-width: 1000px;
   margin-left: auto;
   margin-right: auto;
}

    Thank you very much Oliver!

    Best regards,
    Andreas

    Plugin Author Oliver Campion

    (@domainsupport)

    Great. Glad you’re sorted and thanks for sharing the CSS.

    Oliver

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Website max width including header image’ is closed to new replies.