Canvas Support

When using a sticky menu, I want the top bar to follow as well.

4 replies·opened Nov 14, 2023
H
high8skyNov 14, 2023

When using a sticky menu, I want the top bar to follow as well.

S
SemiColonWebSTAFFNov 14, 2023

Hello,

Simply move the #top-bar Codes within the #header-wrap DIV. Consider trying this code:

<header id="header" class="transparent-header floating-header header-size-md">
    <div id="header-wrap">
        <div id="top-bar" class="transparent-topbar">
            <div class="container bg-transparent">
                <!-- ... -->
            </div>
        </div>

        <div class="container">
            <div class="header-row">
                <!-- ... -->
            </div>
        </div>
    </div>
</header>

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.

H
high8skyNov 14, 2023

Completely resolved. thank you

H
high8skyNov 16, 2023

Additional problems arose. This is a phenomenon where the background of the top bar is created and then disappears when the page is loaded.

S
SemiColonWebSTAFFNov 17, 2023

Hello,

Simply add the .is-expanded-menu Class to the <body> Tag.

This will definitely fix the 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