3) Edit your homepage content (Block Editor) #
- Pages → Home → Edit.
- The page contains four sections (as Groups) with anchors:
hero,menu,about,contact- Keep these anchors to preserve header navigation and smooth scrolling.
Menu cards (photos, text, prices) #
Each card typically includes:
- Image block (dish photo)
- Heading (dish name)
- Paragraph (description)
- Paragraph with Additional CSS class
price(price)
Tip: Ensure prices are Paragraph blocks (not raw HTML) to avoid “Invalid/Unexpected content” notices.
Contact form #
- Replace the placeholder Shortcode block with your Contact Form 7 shortcode, e.g.:
Error: Contact form not found.
If you’re updating from an older version and see a raw HTML form:
- Visit:
/wp-admin/?streetfood_migrate=contact
Social icons #
- In the Contact section, select the Social Links block.
- Replace each URL: TikTok, Instagram, LinkedIn, Snapchat, WhatsApp, Facebook, YouTube.
- Links open in a new tab by default.
4) Branding (logo + brand name toggle) #
- Customize → Site Identity:
- Upload your Logo (Custom Logo support; flexible dimensions).
- Toggle “Show brand name next to logo” on/off.
- The brand link points to the Hero section (
#hero) for one‑page navigation.
5) Navigation (anchor menu) #
- Appearance → Menus (or Appearance → Editor if using the Site Editor).
- Create/assign a Primary menu with Custom Links:
- Home →
#hero - Menu →
#menu - About →
#about - Contact →
#contact
6) Styling and layout #
- Main CSS:
assets/css/main.css(colors, spacing, header, cards, buttons, forms, social row). - Editor styles are loaded so the editor closely matches the front‑end.
- Images:
- Menu photos use
object-fit: coverfor neat crops. - Use optimized JPG/WEBP and descriptive alt text.