Related to enable include-header

5 replies·opened Feb 21, 2021
H
high8skyFeb 21, 2021

Is it possible to keep the background color from disappearing while activating the include-header?

I want to turn on include-header and make the background color alive and dark mode as well.

S
SemiColonWebSTAFFFeb 21, 2021

Hello,

Simply remove the .transparent-header Class from the #header Element. Additionally, you can also add the .dark Class to make the Header Dark mode.

This will definitely work fine. Hope this Helps!

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

H
high8skyFeb 22, 2021

itdesign.dothome.co.kr

Removing the transparent class doesn't work properly.

S
SemiColonWebSTAFFFeb 22, 2021

Hello,

Apologies for the Inconveniences caused!

Please update the Codes online so that we can check this and provide you with further assistance on this. 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.

S
SemiColonWebSTAFFFeb 23, 2021

Hello,

  1. Simply remove the .transparent-header and .semi-transparent Classes from the #header Tag. Example:
<header id="header" class="header-size-sm" data-sticky-shrink="false">
  1. Use the following CSS Code:
#header {
	z-index: 299;
}

This should definitely fix your issue. Hope this Helps!

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

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