Stretch SayPro Header to be 90%

To make the header width 90% in the Twenty Twenty-Five theme (which uses Full Site Editing), follow these steps:

🛠️ Method 1: Using the Site Editor (Block Width Settings)

1. Go to Appearance → Editor.
2. Click on the Header area (or use the “Template Parts” to open the Header).
3. Click on the Group block or Container block that holds your header elements.
4. In the right-hand block settings panel, scroll to the Dimensions section.
5. Adjust the “Width”:
   • Set it to 90% (type 90% directly in the width field).
6. Click “Save” in the top right to apply changes.

🛠️ Method 2: Custom CSS (if needed)

If the block settings don’t allow percentage-based widths or don’t affect the layout as expected:

1. Go to Appearance → Customize → Additional CSS.
2. Add this CSS: header { width: 90%; margin: 0 auto; }
3. Click Publish.

⚠️ Note: You might need to target a specific class like .wp-site-header or a group block class if the above doesn’t take effect.

Would you like help identifying the exact class name from your site to target in CSS?