- This topic has 3 replies, 2 voices, and was last updated 5 years, 3 months ago by
.
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 teamYou 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; } }
