- This topic has 3 replies, 2 voices, and was last updated 6 years, 9 months ago by
.
Hi,
I’d like the header banner to view on mobile. How do I do this?
Many thanks
Solution for this topic
I hope you are well today and thank you for your question.
You can display it on mobile 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
@media (max-width: 1025px){ header.primary-desktop { display: block !important; } header.primary-desktop .sh-header-height .sh-header-logo-container, header.primary-desktop .sh-header-height .sh-header { display: none !important; } header.primary-desktop .sh-header-middle { position: fixed; top: 0; left: 0; width: 100%; } header.primary-mobile{ margin-top: 80px; } }Best regards,
Shufflehound teamThank you for this, it works. Could you let us know how to remove the extra space that suddenly appeared below the logo? (Screenshot attached).
Also, is there a way to make the ad background white instead of transparent?
Thanks
Glad it’s working for you.
To help us keep support thread separates could you please create a new thread for each of your other questions instead of asking them in your single thread as it makes the thread messy and hard to read.
If you want to you can also add a reference to this thread in your newly created thread.
We would be more than happy to help you with your new thread.
