Hi!

I've got nothing but great things to say about  your theme, and have used it on 4 accounts now. Thanks.

The logo renders too small on mobile. It looks great on desktop.

I'm using Salient 8 with the Full Screen Portfolio Slider demo imported.

Here's what I've done:

Uploaded all appropriate regular and retina logos (100px High and 200H respectively) in the main header panel of salient, along with the transparency panel, same sizes accordingly, with light and dark where appropriate.

Under the Header panel, I've set the logo height to 100, Mobile Logo Height to 50 (might be too big, but can't get it to grow at all...), header padding is 30.

I also tried this code I found in the CSS box on Salient and then just edited the min-width to 100px height:

@media only screen and (max-width : 1000px) {
    
    html body header#top #logo img {
        
        height: 50px!important;
        
        margin-top: -16px !important;
    
    }
}
@media only screen and (min-width : 1000px) {
    
    html body header#top #logo img {
        
        height: 100px!important;
        
        margin-top: -8px !important;
    
    }
}

I tried this code with my settings in place in the Header panel and with clearing the settings in the header panel.

On another note, the "Header Sticky on Mobile" appears to not function as well. I've tried it active and inactive, and the header always sticks. I want it to stick, so not a problem, but just another bug I noticed for mobile...

I'm stumped!

Thanks!

ISSUE RESOLVED:

So, not sure why. I don't know why it would have anything to do with a header image on my home page, but when I removed that, it now works and looks great. I really don't understand... But, looking great  now.