CMS Development

Shaykoo
Participant

Sticky header is not working

Hi , the nav bar is not sticky when scroll down the page, I have even put the module for sticky header in the template with the custom code of the nav bar but it's not working. 

This is the sticky module in the template along with the header moduleThis is the sticky module in the template along with the header module

 

this is the preview of one of the pages from this template: https://www.fylehq.com/software/expense-policy

0 Upvotes
1 Reply 1
lscanlan
HubSpot Alumni
HubSpot Alumni

Sticky header is not working

Hi Shaykoo,

 

I'm seeing some CSS that hides your header. There's a rule:

 

.md-hidden {
    display: none !important;
    visibility: visible;
}

...inside a (max-width: 1139px) media query from the Dex_CSS_practice.css stylesheet. The md-hidden class name is on the same element that has the sticky-header class name, so it's not being displayed at smaller screen sizes.

 

Hope this helps to pinpoint why you're not seeing the sticky header as you scroll down the page. Let me know if you have other questions about what's going on here.

Leland Scanlan

HubSpot Developer Support