Version 1.0.0/A

Header Structure Fix

• Rebuilt header.php layout using a flex container

• Added menu toggle button with open (☰) and close (✕) states

• Cleaned up navigation structure for WordPress menu output

Reason:
To fix alignment issues and ensure the header behaves properly across desktop and mobile.

Mobile Navigation Improvements

• Improved menu toggle behaviour for smaller screens

• Adjusted layout so navigation doesn’t overlap or break

• Ensured header elements space correctly on mobile

Reason:
Mobile navigation was unstable and could overlap or display incorrectly — this fixes usability.

Front Page Thumbnail Fix (Mobile)

• Updated .post-card img styling:

  • width: 100%

  • aspect-ratio: 16/9

  • object-fit: cover

• Addressed stretched images on mobile view

Reason:
Thumbnails were appearing stretched on the front page — now they maintain proper proportions.

CSS Debugging & Cleanup

• Identified duplicate/conflicting CSS blocks

• Clarified which image styling rules should be used

• Reduced confusion from multiple similar selectors

Reason:
Having multiple versions of similar CSS caused inconsistent behaviour — this improves reliability.

Layout Troubleshooting

• Investigated issues with:

  • Image stretching

  • Header overlap

  • Mobile rendering inconsistencies

• Narrowed problems down to specific CSS rules and placement

Reason:
To isolate and fix layout-breaking issues without rebuilding the entire theme.

Stability Recovery

• Recovered site after layout-breaking changes

• Fixed issues that caused:

  • Broken styling

  • White background bug

  • Admin access problems

Reason:
Ensured the website is functional again after failed or incomplete code implementations.

Development Direction Reset

• Decision made to not build on unstable code

• Plan to install a clean version of the theme and fix issues properly

• Avoid partial or incomplete code implementations going forward

Reason:
Prevents further breakage and sets a more stable foundation for future updates.