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
    NOT RESOLVED Posts

  • 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!

    Shufflehound Support
    Moderator

    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 .

    Shufflehound Support
    Moderator

    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;
}    
}
  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)