How to setup a fix header image in all the website

  • Author
    Posts
  • #159162

    I would like to fix the header image height so that it’s always the same everywhere on the website: on the home page, articles, when you click on a portfolio item, etc.

    How can I set this up globally please ?

    I also wonder if it’s possible to display the Website logo with a better resolution without changing the size.
    For example the Site Icon has a much better resolution even though it’s smaller, but the logo (I think mine is around 50 x 50) looks all pixelly.

    Thank you very much !

    The blog I need help with is theartyjourney.com.

    #159165

    anhtnt
    Theme Author

    I would like to fix the header image height so that it’s always the same everywhere on the website: on the home page, articles, when you click on a portfolio item, etc.

    I see you set a fixed height for “.header-inner”, which is correct.

    I also wonder if it’s possible to display the Website logo with a better resolution without changing the size.

    Yes, it’s possible. Please upload the logo with 2x size (100×100) and use this CSS to resize it down to 50×50:

    .custom-logo { width: 50px; height: 50px; }

    #159186

    Thank you very much !

    Do you know if there is a setup of this image height to match the exact height of the screen, no matter the screen size ?

    Also, do you know why when I click on a portfolio item, the title is cut in between the header image and the content part ?

    #159187

    The logo is perfectly visible now, thank you !
    But the title doesn’t fit anymore and it created a new line.
    I tried adding a padding argument but it did not work.
    Would you have a fix ?

The topic ‘How to setup a fix header image in all the website’ is closed to new replies.