Header image positioning

  • Posted in : cvCard WP
  • uxer55
    Participant

    Hi. How do I position the header image with custom CSS? Basically, my head is cut off in the picture, so I want to move it down a little bit. Thanks.

    serkan
    Moderator

    Hi,
    Could you provide me your related url, please?
    Thanks

    uxer55
    Participant

    Thanks. It is imakestuff.online

    serkan
    Moderator

    Hi,
    You can use this custom css code; (You can increase 11% if it is needed)

    .header { padding: 11% 1em 5em; }

    Thanks

    uxer55
    Participant

    Thanks. So at first, I thought this was perfect. However, I just realized that on some desktop devices, the header image is so big that the user cannot see anything below it without scrolling. That is a problem for me. I want them to be able to see some of the page content always, so they know they can scroll down.

    Is there a way just to shift the position of the image, without making the actual header container larger?

    Thank you for your help as always!

    serkan
    Moderator

    Hi,
    Remove that custom css code and try to use it.

    .header { background-position: 55% 45%; }

    Thanks

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register