Page-menu not sticky on scroll (using mobile)

2 replies·opened Apr 18, 2019
R
ryearmApr 18, 2019

Hi Semi Colon!

We're using the latest version of Canvas, and we're having an issue with the page-menu not remaining sticky on scroll on mobiles.

I've added sticky-responsive-menu and sticky-responsive-pagemenu to the body tag.

I've added the offset CSS:
#header.sticky-header~#page-menu.sticky-page-menu #page-menu-wrap {
top: 88px!important;

But when scrolling on mobiles it won't stick to the bottom of the header.

Can you help?

Here's the page: https://avtec.media/clients/mvfcu/accounts/index.new.html

thank you!
Rye

S
SemiColonWebSTAFFApr 19, 2019

Hello,

There appears to be a Minor Bug with the CSS in the css/responsive.css File. Please find the following code:

.responsive-sticky-header:not(.static-sticky) ~ #page-menu.sticky-page-menu #page-menu-wrap { top: 60px; }

and replace it with:

#header.responsive-sticky-header:not(.static-sticky) ~ #page-menu.sticky-page-menu #page-menu-wrap { top: 60px; }

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.

R
ryearmApr 19, 2019

This works perfectly. Thank you SemiColonWeb!

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