[Support request] Mobile Header Background Image Height

Home Forums Support Mobile Header Background Image Height

  • This topic has 10 replies, 4 voices, and was last updated 3 weeks ago by Elvin.
Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #1434138
    John

    Hi,

    When logged-out on mobile, the header image (blue pattern) is full height.
    When logged-in on mobile, the header image (salmon pattern) is not full height.

    How can the logged-in header image be made full height? Is this a customizer settings issue, or is additional CSS needed?

    Thanks!

    #1434154
    John

    I tried these two bits of CSS without luck

    @media(max-width: 768px) {
        body.logged-in .site-header {
            background-size: auto;}
    }
    @media(max-width: 768px) {
        body.logged-in .site-header {
            background-size: 100%;}
    }
    #1434188
    David
    Staff
    Customer Support

    Hi there,

    i tried logging in to your site – but the login page is not working – each submit is generating a JS error ?

    #1434220
    John

    REMOVED BY AUTHOR

    #1434296
    John

    Hi David:

    I set up another user. Please try again.

    REMOVED

    #1434398
    John

    This ‘works’ but all it does is expand the now out-of-focus image to fill the space.

    
    @media(max-width: 768px) {
        body.logged-in .site-header {
        background-size: cover !important; 
        }
    }
    #1434465
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    I believe it’s the no-repeat center you have added here: https://www.screencast.com/t/p8hD2N7fHh

    Let me know 🙂

    #1434592
    John

    Thanks, Tom

    I removed no-repeat center but no change.

    The logged-in header pattern is still larger and out of focus compared to the logged-out header image.

    #1434606
    Elvin
    Customer Support

    Hi John,

    @media(max-width: 768px) {
        body.logged-in .site-header {
        background-size: cover !important; 
        }
    }

    The site don’t seem to have to need this. The logged in header pattern seems to retain the full height even when I turn this css property off.

    I’ve inspected your site to test.
    https://share.getcloudapp.com/qGuNnjzj

    Perhaps the logged-in pattern problem was caused by a cache and clearing the server and browser cache might solve the issue on your end.

    Can you try removing the mentioned CSS code completely and try clearing browser cache to see what happens?

    #1434616
    John

    Hi Elvin,

    Earlier today the logged in header image height was about at 50% which is why I put in that CSS.

    Anyway, I did just as you suggested, and it worked. The logged-out and logged-in headers are now the same size.

    Thank you so much for your help.

    #1434626
    Elvin
    Customer Support

    Nice one.

    No problem. Always glad to be of any help.:)

Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.