Optimize Blog Post for Mobile Screen Layout. #1964
Description
In the mobile version of blog post pages, the main article title currently appears too large and occupies multiple lines with excessive top spacing. This results in a visually heavy layout and pushes important content further down the page.
Current version:
Improved version:
The improved version reduces unnecessary spacing and adjusts the heading size to create a cleaner, more balanced presentation on small screens.
Proposed Changes:
Reduce the font size of the blog title for small screens .
Remove extra vertical margin/padding above the heading.
Ensure spacing is consistent and aligned with the rest of the mobile typography scale.
Expected Outcome:
Cleaner, more readable article heading on mobile.
Reduced scrolling and better content visibility.