== SANADORA DEL MAR – AI SESSION HANDOFF NOTES ==
Last updated: April 7, 2026 — Session 4 checkpoint
SITE: https://sanadoradelmar.com
WP ADMIN: https://sanadoradelmar.com/wp-admin/
THEME: Glister (child theme of Elementor-based theme by YourTheme.Shop)
== WHAT THE USER WANTS ==
1. Fresh Single Post template (Elementor Theme Builder) – NOT the broken Glister Post Single
2. Fresh Header template set GLOBALLY in Elementor Theme Builder
3. Fresh Footer template set GLOBALLY in Elementor Theme Builder
4. Post Archive/Category pages with styled bordered post cards (images, rounded corners)
5. Logo fixed for mobile (currently disappears / too small)
6. Nav menu = post categories
7. All fonts, colors, spacing to MATCH THE HOMEPAGE exactly
== GLOBAL STYLES (from Elementor Kit ID 10) ==
Colors: Primary #6EC1E4 (sky blue), Secondary #54595F, Text #7A7A7A, Accent #61CE70 (green)
Fonts: Primary = Roboto 600, Secondary = Roboto Slab 400, Text = Roboto 400, Accent = Roboto 400
== EXACT COLORS FROM LIVE SITE ==
– Header bg: WHITE #ffffff
– Nav mobile bg: rgb(173,187,160) = sage green #adbba0
– Main content bg: rgb(233,224,212) = warm beige #e9e0d4
– Section lighter bg: rgb(241,234,229) = cream #f1eae5
– Footer bg: rgb(29,35,39) = dark charcoal #1d2327
– Instagram button: rgb(29,144,179) = teal #1d90b3
– Nav link color: rgb(147,136,132) = warm taupe #938884
– Body text: rgb(34,34,34) = near black #222222
– Accent/logo green: rgb(157,186,66) = yellow-green #9dba42
NAV FONT: Signika, 15px, weight normal, color #938884
LOGO FILE: https://sanadoradelmar.com/wp-content/uploads/2026/03/cropped-Sanadora-Del-Mar.jpg
== TEMPLATE IDs FOR REFERENCE ==
– Glister Header: in Glister Templates (glister-header slug)
– Glister Footer: in Glister Templates (glister-footer slug)
– Glister Post Single: post ID 7155 (IGNORE – broken)
– Elementor Default Kit: post ID 10
– SDM Single Post Template: post ID 11317
– SDM Single Post Loop Item: post ID 11310
– Elementor Header #11424: post ID 11424 (created, display conditions NOT YET SET)
– Blog Archive page: post ID 11214
– This handoff post: ID 11419
== MENUS ==
Primary menu (location: Primary) NOW HAS:
– Home (Front Page)
– Salud (Mejora Tu Salud category)
– Hogar (Para Tu Hogar category)
– Contact
– Blog
– Eleva Tu Fe (category)
– Sana Tu Corazon (category)
NOTE: Missing from original plan: Food & Cooking and Lifestyle & Wellness — may need to add
== CURRENT STATUS (Session 4 – April 7 2026) ==
– [x] Context note saved (this post ID 11419)
– [x] Homepage styles captured
– [x] Nav menu fixed (categories in Primary menu)
– [x] Header template created (ID 11424) — BUT display conditions NOT SET yet
– [ ] Header display conditions set to All Pages
– [ ] Header content verified (logo + nav look correct)
– [ ] Footer template created
– [ ] Footer display conditions set to All Pages
– [ ] Single Post template (ID 11317) display conditions set to All Posts
– [ ] Single Post template content verified/built properly
– [ ] Archive/Category template created + assigned
== BUILD ORDER (remaining) ==
1. Open Header (ID 11424) in Elementor – verify content, set display conditions to All Pages
2. Create Footer template in Elementor Theme Builder – build + set All Pages
3. Open Single Post template (ID 11317) in Elementor – verify/build content, set display conditions to All Posts
4. Create Archive template – build + set All Archives
== SINGLE POST TEMPLATE SPEC ==
– Full width layout with right sidebar (70/30 split)
– Left: Featured image, Post Title, Post Meta (date/author/category), Post Content
– Right sidebar: “Recent Posts” widget with thumbnail images, rounded corners (8px border-radius), soft box shadow, border
– All typography uses global fonts (Roboto/Roboto Slab)
– Padding: 40px sections, 20px inner
== ARCHIVE TEMPLATE SPEC ==
– Post cards with: featured image (rounded top corners), title, excerpt, date
– Card border: 1px solid #e0e0e0, border-radius 12px, box-shadow subtle
– Grid: 2 columns desktop, 1 column mobile
== LOGO ISSUE ==
– Logo is cropped in media files
– On mobile the logo disappears because it is too small
– Fix: In header template, set logo width: Desktop=200px, Tablet=160px, Mobile=140px minimum
== SESSION CUTOFF PROTECTION ==
– Window is resized to 900×600 to prevent image-too-large errors
– Always resize window before taking screenshots: resize_window width=900 height=600
– Use zoom action instead of full screenshots when possible
– UPDATE THIS POST after each major step completed
