2 replies · opened Feb 4, 2021
Hi,
I wanted to find out how to change the mobile header to match my desktop one as on mobile it's messing with the colour scheme because it's not adopting the transparent background along with the title page background colour.
I've linked the page to the site as an example
Hello,
Transparent Headers are currently not supported on Mobile Devices. Consider using the following CSS Code:
[ch_pre type="css"]@media (max-width: 991.98px) {
#header {
border-bottom-color: rgba(255,255,255,0.15) !important;
}
#header-wrap {
background-color: #00CCCC !important;
}
}[/ch_pre]
This should definitely work fine. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Thanks fixed
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard