In this video tutorial, I will show you how to enable a sticky header in your WooCommerce Shop.
How to enable sticky header in WooCommerce Flatsome theme video tutorial
Below, you can view a step-by-step video tutorial guide on how to enable custom sticky headers in your WooCommerce store.
Note: In this tutorial, I will be using the latest Flatsome WooCommerce Theme.
Tip: View this article for adding basic products to WooCommerce.
Tip: View this article for adding product variations to WooCommerce.
Tip: View this article for product image back fading in WooCommerce.
Video Tutorial Content
- Log in to the WooCommerce admin control panel and select “Appearance” / “Customise” from the left side menu
- Select “Header” from the left side menu and then select “Sticky Header”.
- Experiment with the different settings to achieve the best solution for your WooCommerce sticky header.
Enable sticky header in WooCommerce video tutorial
WooCommerce Frequency Asked Questions
What is a sticky header in WooCommerce?
A sticky header allows the top section of your website to be viewed as a user scrolls down a page on both desktop and mobile view.
The header section will normally contain your company logo, the search bar and the main navigation.
What is a sticky header the same on desktop and mobile view WooCommerce?
The sticky header is normally displayed differently on desktop and mobile views. Desktop view has more space so can display all the elements in the top section of a WooCommerce website. For mobile view, the navigation is normally condensed into a “Burger Box” menu function which may also contain the shop search functions.
Do I need a theme for adding a sticky header in WooCommerce?
The default WooCommerce themes do not have sticky header functionality, at DCP Web Designers we select the best theme to suit the type of shop and products you are selling.
A good and cost-effective option is to use the Flatsome theme which is highly customisable.
Does the shopping cart display in the sticky header on WooCommerce?
Depending on the theme you select, you should be able to see the shopping cart icon displayed in the sticky header. This gives the visitor quick access to the shopping cart on mobile and desktop view of your e-commerce shop and allows quicker payment using PayPal or Stripe credit card payments.
What is the best WooCommere Theme for 2022?
At DCP Web Designers we use the Flatsome Theme as this theme is highly customisable. The theme you select will determine the amount of control you have over your website. Faltsome is great for building customised eCommerce website solutions.
- Custom web design
- Secure and fast website solution
- Full management training
- Take control of your website
- SEO optimisation
- Reliable web hosting and emails
Article created by: Pankaj Shah | DCP WooCommerce Web Designers
