Supreme header image issue with wide monitor

This topic contains 14 replies, has 3 voices, and was last updated by  Naveen Giri 5 years, 1 month ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • #509761

    marktowers
    Buyer
    Post count: 171

    Hi,
    I’ve recently got a new monitor that is 1920 wide. I’ve noticed that Supreme theme’s scaling of header image to be a max of 1600 wide means there will blank areas either side of my header image for any user with a monitor wider than 1600.
    This problem isn’t too bad on the homepage because the featured image is behind the header area, however, on every other page I get a couple of blank areas either side of the header image.
    Can you advise if it’s possible to either a) get around the Supreme theme limit and upload a header image wider than 1600 (when I attempted this using the “appearance/customise” option it wants to scale the image to be no more than 1600), or b) add a colour background to the site-header area only (the only way I’ve been able to to do this so far is change the whole page & I don’t want to do that, or c) change it so that the logo and header menu don’t go wider than 1600.
    Hope this makes sense. 🙂
    Cheers.

    #509770

    Kor
    Moderator
    Post count: 16516
    This reply has been marked as private.
    #509795

    marktowers
    Buyer
    Post count: 171

    Hi Kor,
    Yes, that’s it.
    It’s not so bad on the homepage in your screenshot, but on any other page it’s a blank space, and the right-hand side of the menu becomes unreadable.

    #509847

    Kor
    Moderator
    Post count: 16516

    Hi there,

    Try applying the custom CSS code below and see if it fixes it.

    header#site-header {
        background-size: cover!important;
    }
    #509990

    marktowers
    Buyer
    Post count: 171

    Hi Kor,

    That does work, but it stretches the 1600px image to fit. If there is some way of being able to use a wider image that would be preferable.

    Thanks.
    🙂

    #510068

    Kor
    Moderator
    Post count: 16516

    Hi marktowers,

    Thanks for your reply. Cover mode is the best choice for all screen sizes. If you force the width, it will distort the image and I don’t think you’ll want that.

    #510362

    marktowers
    Buyer
    Post count: 171
    This reply has been marked as private.
    #510437

    Kor
    Moderator
    Post count: 16516

    Hi marktowers,

    Thanks for your reply. Could you share your Website WP admin access here in private reply so that I could check?

    Thanks!

    #510463

    marktowers
    Buyer
    Post count: 171
    This reply has been marked as private.
    #510930

    Kor
    Moderator
    Post count: 16516
    This reply has been marked as private.
    #510985

    marktowers
    Buyer
    Post count: 171
    This reply has been marked as private.
    #511019

    Kor
    Moderator
    Post count: 16516

    Hi marktowers,

    Thanks for your reply. It seems your issue is similar to this one https://wpgeodirectory.com/support/topic/featured-header-image-on-location-pages-not-displaying/#post-507930 . I will forward this to a developer.

    #511251

    Naveen Giri
    Moderator
    Post count: 1559

    Hi marktowers,

    issue related to header image is already fixed.
    we have new version of theme on the way.
    https://github.com/AyeCode/supreme-directory/pull/42/commits/f0aaca05e2269112de937f3393feadb291d41f59

    if you want me to apply patch please provide me ftp.

    Thanks

    #511380

    marktowers
    Buyer
    Post count: 171
    This reply has been marked as private.
    #511595

    Naveen Giri
    Moderator
    Post count: 1559
    This reply has been marked as private.
Viewing 15 posts - 1 through 15 (of 15 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
20% Discount Offer
Hurry! Get your 20% discount before it expires. Get 20% Discount