Add a Button to the Polestar Header Menu

Add the CSS class menu-button to a Header Menu item to show it as a button. The button color follows the Accent Color setting at AppearanceCustomizeTheme SettingsTypography.

Go to AppearanceMenus and select the menu assigned to the Header Menu location.
Click Screen Options at the top right. Under Show advanced menu properties, select CSS Classes.
In the left column, find Custom Links. Enter the URL and the Link Text. Click Add to Menu.
Click the arrow next to the new item to open it.
In CSS Classes (optional), enter the class:
```
menu-button
```
Click Save Menu.

Menu Locations Usage
Navigation Settings
Typography Settings
CSS Snippets

Was this helpful?

Previous Menu Locations and Usage Next Blog Posts Slider