Issues with Twenty Twenty-Three Theme Styles on Fresh WordPress Installation

Hello WordPress Community,

I hope you’re all well. I’m experiencing some perplexing style issues with the Twenty Twenty-Three theme on a fresh WordPress installation. I’ve encountered these problems across various installation scenarios, and I’m seeking some guidance to resolve them.

Description of the Issue:
In a clean WordPress installation with no plugins, I’ve observed that many elements are displaying broken styles, creating an unsatisfactory user experience. Interestingly, these issues are not apparent in the block editor, where everything seems fine. However, when I check the actual pages on the front end, certain styles and functionalities are missing or inconsistent.

Specific Issues Encountered Include:

• Navigation menus appear to be completely broken on the front end, despite looking fine in the block editor.
• Styles for list elements, which should prevent bullet points from displaying, are not working as expected. This affects elements like archive listings.
• Margins for social media icons and various other small design elements seem to be off, leading to an overall rough and unpleasant appearance.

Details:

• Theme: Twenty Twenty-Three
• WordPress Version: 6.3
• Plugins: No plugins are installed; the issues persist without any additional plugins.
• Tested Variants: I’ve tested this on different variations of the installation, including different hosting environments, to rule out external factors.

I’ve attached a screenshot that highlights the discrepancy between the navigation menu as it appears in the block editor and how it’s displayed on the front-end of the website. This visual comparison should give a clearer picture of the problem I’m facing.

I’ve attempted to troubleshoot by checking the theme’s files, disabled the child theme, even re-downloaded the theme directly from the wordpress.org. However, I haven’t been able to pinpoint the exact cause of these issues. I also noticed that some columns functionality isn’t working as well – stack on mobile doesn’t seem to have any effect.

I did my best of working around the issues, using custom css and avoiding certain features but I would greatly appreciate any insights, suggestions, or solutions that the community might be able to provide to help resolve these style-related problems. If anyone has encountered similar issues or has any recommendations, I’d be grateful for your input.

Thank you in advance for your time and assistance!

Best regards,
Maciek

The page I need help with: [log in to see the link]