- This topic has 6 replies, 2 voices, and was last updated 7 years, 7 months ago by
.
Currently on my site I have an issue where part of a logo is hidden on initial launch of site on an iPad and iPhone as the light colour logo shares colour with the header, is there an way to disable this version of the logo for mobile?
also is it possible to change the titlebar background colour if not using image?
many thanks
Managed to change the titlebar without border background using custom css, I’ve played around with the css and managed to disable the light logo on mobile but couldn’t enable the normal logo so scraped it, if you could provide code or point me in the right direction would be appreciated, thanks
Hi @jamiejsmith96,
I hope you are well today and thank you for your question.
Could you please share me the page URL from your site where it is displaying so that i can help you to achieve it?
Best regards,
Shufflehound teamSolution for this topic
You can disable light logo for 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
.primary-mobile-light .sh-header-mobile:not(.sh-sticky-mobile-header-active) .header-logo .sh-standard-logo { display: block; } .primary-mobile-light .sh-header-mobile:not(.sh-sticky-mobile-header-active) .header-logo .sh-light-logo { display: none; }awesome, many thanks!
You are most welcome here 🙂
