Close

Fixed headers for Nop ArtFactory

ratheeshel
10 years ago
#8157 Quote
Avatar
  • 1
Hi,

I have purchased the Nop ArtFactory theme few days back. I would like to know if you can guide me to achieve a fixed header which stays there when you scroll down the page?

E.g: Nop Motion Responsive theme. You have the functionality here perfectly implemented as i needed. The headers stays on the top even if you scroll down.
Deni
10 years ago
#8167 Quote
Avatar
  • Moderator
  • 389
ratheeshel wrote:
Hi,

I have purchased the Nop ArtFactory theme few days back. I would like to know if you can guide me to achieve a fixed header which stays there when you scroll down the page?

E.g: Nop Motion Responsive theme. You have the functionality here perfectly implemented as i needed. The headers stays on the top even if you scroll down.


Hello,

You can just add this CSS to your Custom Head Styles:

@media all and (min-width: 1001px) {
  .header-menu.stick {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    margin-top: 0;
    background: #fff;
    border-bottom: 1px solid #999;
    box-shadow: 0px 0px 10px 0px #888;
  }
}
Best Regards,
Mladen Staykov
Nop-Templates.com