WcartCommunitySign inJoin
0

Can I make my header sticky and change how it looks on phones?

I want the header to stay at the top while shoppers scroll, and the phone version to show a search bar.

themesdesignmobile

· 199 views

1 answer

0
Accepted

Yes. Go to Settings → Appearance → Layout Settings, on the Header tab. While Header Visual Builder is off (you're using a prebuilt header), the Header Options card has:

  • Mobile Header Pattern: Compact (menu, logo, cart), Stacked (logo on top) or Bar + Search (search below).
  • Container Width: Boxed or Full Width.
  • Sticky Header: keeps the header fixed while shoppers scroll. Once it's on, tick Top Header, Mid Header and/or Bottom Header to choose which rows stay pinned. Leave them all unticked to pin just the main bar.

Options save as you change them. The Promo Bar text on the same tab sets the announcement line for headers that have a promo bar.

If the Header Visual Builder is on, the builder controls the layout and these options are hidden. Whether you can use the builder depends on your plan.

Sign in to answer. Sign in or create an account.