Support for header and logo background images

Home Forums Gillion Theme Support for header and logo background images

Home Forums Gillion Theme Support for header and logo background images

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • Mai Quoc Khanh
    Participant

    Hello support team!

    It’s been a long time since I’ve come back here, I hope you stay healthy and develop your products better and better.

    I have a few problems, hope you can help me, I am configuring the background image for the header, about the configuration I have done it easily, but there are some requirements that are higher than my idea. I’m going to do it and I don’t know what to do. Can you help me add a few lines of code to configure? Detail:

    01. On devices like PC, Laptop, tablet… I want to hide the logo in the header but still display the background image that I have selected, only hide the logo.

    02. On mobile devices, I want to hide the background image and keep only the logo.

    Hope you can help me with this problem, thank you very much!

    Hi @Mai Quoc Khanh,

     

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

     

    Could you please share your site URL where it’s displaying so that I can help you to achieve it?

     

    Best regards,
    Shufflehound team

    Mai Quoc Khanh
    Participant

    My site: https://www.khanh.cyou/

     

    Thank you so much .

    You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Gillion -> Theme Settings -> Custom CSS/JS -> CSS Code

     

    @media (min-width: 600px){
    #page-container .header-logo img {
        visibility: hidden;
    }
    }
    
    @media (max-width: 600px){
    #page-container .sh-header-mobile-navigation {
           background-image: none;
    }    
    }
    
Viewing 4 posts - 1 through 4 (of 4 total)