Skip to content
English
  • There are no suggestions because the search field is empty.

How can I make the Top Navigation Menu stick to the top of the page?

Please note that the HTML and CSS that you see in this section may not affect your storefront. This should be seen as a general template to assist you with customization. It would depend on the changes that already been made within the admin panel. 

#compact-header{
    position:fixed;
}
body {
    margin-top:55px;
}

Here's how to apply the code: 

  1. Login to your admin
  2. Go to Storefront CMS 
  3. CMS Features
  4. Theme Settings
  5. Custom CSS tab
  6. Copy the code in blue above and paste it at the top or bottom of the "Global Custom CSS Code" box. 
  7. Save/Update Layout 
  8. Go to your storefront, refresh, and the 3 default images will be removed 

box code