Fixes for reactive rendering of webpage

[tanvirislam-meta]

Fixed issues with reactive sizing of banners and updated nav menu for mobile/reactive rendering.

Summary

The nav bar didn't have any title for reactive rendering,

updated reactive rendering to include search and title.

Updated the menu hamburger to be left aligned same as the menu and fixed multimodal example API window for that was being clipped.

Test plan

Manually tested multiple screen resolutions including mobile screen sizes for appropriate rendering.

[pytorch-bot]

🔗 Helpful Links

🧪 See artifacts and rendered test results at hud.pytorch.org/pr/pytorch/executorch/15566

• 📄 Preview Python docs built from this PR

Note: Links to docs will display an error until the docs builds have been completed.

❌ 6 New Failures, 50 Pending

As of commit f50ab2a with merge base be8b775 ():

NEW FAILURES - The following jobs have failed:

• pull / unittest / macos / macos-job (gh)
  RuntimeError: Command bash /Users/ec2-user/runner/_work/_temp/exec_script failed with exit code 2
• pull / unittest-buck / macos / macos-job (gh)
  RuntimeError: Command bash /Users/ec2-user/runner/_work/_temp/exec_script failed with exit code 2
• pull / unittest-editable / macos / macos-job (gh)
  RuntimeError: Command bash /Users/ec2-user/runner/_work/_temp/exec_script failed with exit code 2
• Test Metal Backend / export-model-metal-artifact (mistralai, Voxtral-Mini-3B-2507, non-quantized) / macos-job (gh)
  RuntimeError: Command bash /Users/ec2-user/runner/_work/_temp/exec_script failed with exit code 127
• Test Metal Backend / export-model-metal-artifact (openai, whisper-large-v3-turbo, non-quantized) / macos-job (gh)
  RuntimeError: Command bash /Users/ec2-user/runner/_work/_temp/exec_script failed with exit code 127
• Test Metal Backend / export-model-metal-artifact (openai, whisper-small, non-quantized) / macos-job (gh)
  RuntimeError: Command bash /Users/ec2-user/runner/_work/_temp/exec_script failed with exit code 127

This comment was automatically generated by Dr. CI and updates every 15 minutes.

[github-actions]

This PR needs a release notes: label

If your change should be included in the release notes (i.e. would users of this library care about this change?), please use a label starting with release notes:. This helps us keep track and include your important work in the next release notes.

To add a label, you can comment to pytorchbot, for example
@pytorchbot label "release notes: none"

For more information, see
https://github.com/pytorch/pytorch/wiki/PyTorch-AutoLabel-Bot#why-categorize-for-release-notes-and-how-does-it-work.

[Copilot]

Pull Request Overview

This PR fixes responsive rendering issues on the ExecuTorch website, specifically addressing mobile navigation and banner sizing problems. The changes ensure the navigation bar displays properly at various screen sizes with an improved hamburger menu implementation and refined responsive breakpoints.

• Renamed .logo class to .nav-logo for improved semantic clarity
• Reorganized responsive media queries with new breakpoints (1024px, 650px, 400px) for better mobile rendering
• Repositioned hamburger menu button and added "Overview" navigation item for mobile views
• Changed multimodal API container from CSS Grid to Flexbox to prevent content clipping

Reviewed Changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 2 comments.

File	Description
website/style.css	Updated navigation class names, reorganized responsive breakpoints, refined banner and logo sizing for various screen widths
website/index.html	Restructured navigation HTML with repositioned hamburger button, added overview link, changed multimodal container to flexbox

Comments suppressed due to low confidence (1)

website/style.css:1

• The .nav-links mobile menu styles at lines 1177-1224 are duplicating styles already defined in the 1024px breakpoint (lines 1041-1076). This creates maintenance overhead. Consider removing this duplication since the 1024px breakpoint will cascade down to smaller screens.

/* Font Faces */

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[Copilot]

Duplicate .nav-links selector with conflicting styles. Lines 1038-1040 set only display: none, while lines 1041-1055 define the complete mobile menu styles. Remove the duplicate at lines 1038-1040 as it's redundant and makes the code harder to maintain.

[mergennachin]

@copilot open a new pull request to apply changes based on this feedback

[Copilot]

@mergennachin I've opened a new pull request, #15850, to work on those changes. Once the pull request is ready, I'll request review from you.