How to return header logo after theme update

Home Forums Jevelin Theme How to return header logo after theme update

Home Forums Jevelin Theme How to return header logo after theme update

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    RESOLVED Posts
  • Surge
    Participant

    I used to have white version of my logo on the left of the header which appeared on home page and a dark gray version which appeared in the header over the white background which i use on all other pages.

     

    Now the logo image in the header doesn’t switch and it remains white on all pages (which means it’s invisible everywhere except the home page). So now home page looks exactly as it should, while all other pages appear as though logo is not there anymore.

     

    Could you please help me revert this to the way it was in the attached screenshot? You can see the way it looks now at http://www.surgeea.com/live-account as an example.

     

    Much thanks,

    Surge

     

     

    Attachments:
    You must be logged in to view attached files.

    Solution for this topic

    Hi Surge,

     

    I hope you are well today and thank you for your question.

     

    You can display correct logo by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    body:not(.home) .header-logo img.sh-sticky-logo {
        display: block;
    }
    
    body:not(.home) .header-logo img {
        display: none;
    }

     

    Best regards,
    Shufflehound team

    Surge
    Participant

    Done, thanks guys!

    You are most welcome here 🙂

    Surge
    Participant

    Unfortunately, after adding this code the logo disappears from sticky menu on mobile. Can something be done about this?

    Surge
    Participant

    Just to clarify, after all these changes – only the Mobile version of the Home page  displays the white logo instead of the black logo once i start scrolling down. That’s the only problem.

    Solution for this topic

    To resolve the mobile logo issue please try using the below custom CSS code.

     

    body.home .sh-sticky-mobile-header-active img.sh-sticky-logo {
        display: block;
    }
    
    body.home .sh-sticky-mobile-header-active img.sh-standard-logo,
    body.home .sh-sticky-mobile-header-active img.sh-light-logo {
        display: none;
    }

    Surge
    Participant

    Sorted, thank you very much.

     

    Cheers,

    Surge

    You are always welcome here 🙂

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