Canvas slider trans header, forced full page not full page on mobile devices

4 replies · opened Jan 17, 2020

SstacynljJan 17, 2020

Hi - I would appreciate some help with my Site which isn’t quite displaying its transparent header full screen on mobile devices. There is about a 50px area at the top of the screen that is showing the white background and the image follows.

I started with the corporate template and modified it to fit my needs.

I’m about ready to start completely over, but thought you may be able to help and save me a little time.

Thank you in advance.

Stacy

SstacynljJan 17, 2020

Screen shot attached.

SSemicolon WebSTAFFJan 20, 2020

Hello,

This issue is because of the Custom Codes related to Header added in the css/custom.css File. Remove them and simply add the .transparent-header-responsive Class to the #header DIV.

This will automatically fix your issue. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

SstacynljJan 20, 2020

Team - Worked like a charm! Thank you so much.

Stacy

SSemicolon WebSTAFFJan 20, 2020

Hello,

Very happy to help! Glad that your issues were resolved.

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

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