Hamburger menu
How to use the Hamburger menu block in the Meditative Folks Theme.
Hamburger menu
At a glance
Mobile menu button that opens a slide-out navigation drawer.
Used in
- Header (via theme blocks)
Settings
Menu
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Title | Controls “Title” on the storefront. Open the theme editor to preview live. | Menu | Always |
| Menu | Controls “Menu” on the storefront. Open the theme editor to preview live. | — | Always |
| Menu icon | Controls “Menu icon” on the storefront. Open the theme editor to preview live. | hamburger | Always |
Drawer
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Drawer direction | Controls “Drawer direction” on the storefront. Open the theme editor to preview live. | left | Always |
Typography
| Setting | What it does | Default | Shows when |
|---|
Title
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Title font size (mobile) | Sets title font size (mobile) in pixels for the matching screen size. | 20 | Always |
| Title font size (tablet) | Sets title font size (tablet) in pixels for the matching screen size. | 22 | Always |
| Title font size (desktop) | Sets title font size (desktop) in pixels for the matching screen size. | 24 | Always |
| Title font weight | Sets how bold title text appears. | 700 | Always |
Submenu links
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Submenu link font size (mobile) | Sets submenu link font size (mobile) in pixels for the matching screen size. | 14 | Always |
| Submenu link font size (tablet) | Sets submenu link font size (tablet) in pixels for the matching screen size. | 15 | Always |
| Submenu link font size (desktop) | Sets submenu link font size (desktop) in pixels for the matching screen size. | 16 | Always |
| Submenu link font weight | Sets how bold submenu link text appears. | 500 | Always |
Currency switcher
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Show currency switcher | Turns “Show currency switcher” on or off on the storefront. | No | Always |
Trigger typography
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Use global text styles | When on, uses the matching style from Theme settings. Turn off to style only this section or block. | Yes | enable currency switcher |
| Trigger font size (mobile) | Sets trigger font size (mobile) in pixels for the matching screen size. | 14 | enable currency switcher and Use global trigger styles is off |
| Trigger font size (tablet) | Sets trigger font size (tablet) in pixels for the matching screen size. | 14 | enable currency switcher and Use global trigger styles is off |
| Trigger font size (desktop) | Sets trigger font size (desktop) in pixels for the matching screen size. | 14 | enable currency switcher and Use global trigger styles is off |
Dropdown option typography
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Use global text styles | When on, uses the matching style from Theme settings. Turn off to style only this section or block. | Yes | enable currency switcher |
| Option font size (mobile) | Sets option font size (mobile) in pixels for the matching screen size. | 14 | enable currency switcher and Use global option styles is off |
| Option font size (tablet) | Sets option font size (tablet) in pixels for the matching screen size. | 14 | enable currency switcher and Use global option styles is off |
| Option font size (desktop) | Sets option font size (desktop) in pixels for the matching screen size. | 14 | enable currency switcher and Use global option styles is off |
Color scheme
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Color scheme | Applies a color scheme from Theme settings → Colors. | scheme-1 | Always |
Setting details
Each control from the tables above, explained simply:
Title
Controls “Title” on the storefront. Open the theme editor to preview live. Default: Menu.
Menu
Controls “Menu” on the storefront. Open the theme editor to preview live. Default: —.
Menu icon
Controls “Menu icon” on the storefront. Open the theme editor to preview live. Default: hamburger.
Drawer direction
Controls “Drawer direction” on the storefront. Open the theme editor to preview live. Default: left.
Title font size (mobile)
Sets title font size (mobile) in pixels for the matching screen size. Default: 20.
Title font size (tablet)
Sets title font size (tablet) in pixels for the matching screen size. Default: 22.
Title font size (desktop)
Sets title font size (desktop) in pixels for the matching screen size. Default: 24.
Title font weight
Sets how bold title text appears. Default: 700.
Submenu link font size (mobile)
Sets submenu link font size (mobile) in pixels for the matching screen size. Default: 14.
Submenu link font size (tablet)
Sets submenu link font size (tablet) in pixels for the matching screen size. Default: 15.
Submenu link font size (desktop)
Sets submenu link font size (desktop) in pixels for the matching screen size. Default: 16.
Submenu link font weight
Sets how bold submenu link text appears. Default: 500.
Show currency switcher
Turns “Show currency switcher” on or off on the storefront. Default: No.
Use global text styles
When on, uses the matching style from Theme settings. Turn off to style only this section or block. Default: Yes. This control appears when: enable currency switcher.
Trigger font size (mobile)
Sets trigger font size (mobile) in pixels for the matching screen size. Default: 14. This control appears when: enable currency switcher and Use global trigger styles is off.
Trigger font size (tablet)
Sets trigger font size (tablet) in pixels for the matching screen size. Default: 14. This control appears when: enable currency switcher and Use global trigger styles is off.
Trigger font size (desktop)
Sets trigger font size (desktop) in pixels for the matching screen size. Default: 14. This control appears when: enable currency switcher and Use global trigger styles is off.
Use global text styles
When on, uses the matching style from Theme settings. Turn off to style only this section or block. Default: Yes. This control appears when: enable currency switcher.
Option font size (mobile)
Sets option font size (mobile) in pixels for the matching screen size. Default: 14. This control appears when: enable currency switcher and Use global option styles is off.
Option font size (tablet)
Sets option font size (tablet) in pixels for the matching screen size. Default: 14. This control appears when: enable currency switcher and Use global option styles is off.
Option font size (desktop)
Sets option font size (desktop) in pixels for the matching screen size. Default: 14. This control appears when: enable currency switcher and Use global option styles is off.
Color scheme
Applies a color scheme from Theme settings → Colors. Default: scheme-1.
Tips
- Place this block inside a wrapper if it should only show on certain screen sizes.
- Preview in the theme editor on mobile and desktop.