Transparent Header Mobile

Question

Hello there,

Is there a way to make the header on mobile transparent? Or at least hide the portion of the slider behind the dark header so that the lower part of the slider is shown when the page is loaded?

As an example, when loading this page on mobile: http://themes.semicolonweb.com/html/canvas/rs-demo-premium-techco.html
the scrollbelow arrow button won't show up unles you scroll down a bit.

Also, in case a transparent header isn't possible on mobile, how could I change the colour of the header and menu to black?

Thank you in advance!

SemiColonWeb · Accepted Answer

Hello,

We understand. And completely agree with you. Currently, Transparent Mobile headers are not supported but we are working on adding this soon. To set the Background Color of the Header to Blank on Mobile Devices, use the following CSS code:
[ch_pre]@media (max-width: 991.98px) {
#header-wrap {
background-color: #000 !important;
}
}[/ch_pre]

And for the Slider Size on Mobile Devices, we have worked on a solution for you. We have attached the File here, consider checking this out. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.