SW Modules

How can I make a long navigation menu fit in SW Header Simple?

Start with the least disruptive option and stop when the menu fits:

  1. Shorten long labels and remove items that do not belong in the primary navigation.
  2. Go to Style → Logo Column Width, set XL Logo Column Width to Custom, and reduce XL Width (px) enough to give the menu more room.
  3. Go to Style → Menu Layout → Menu Position and choose Below header to place the menu in a full-width row.
  4. Under Style → Header Behavior, turn on the appropriate Use mobile menu at… option where the horizontal menu no longer fits.

Publish the global header and test it at several screen widths after each change. The SW Module Documentation includes more detail.