Mobile View Layout Issues Seeking Help for WordPress Blog

Hi generatepress community,

I’m reaching out for some help with the mobile view of my blog website sngpl. I’ve built it using WordPress and the active theme is GeneratePress theme. I also asked this question in wordpress misc forum but moderator suggested me to ask in current URL. so i repeating.

The Problem:

When I view my website on mobile devices (phones and tablets), I’m encountering some layout issues. Specifically:

• Headings and Titles:?Some headings and titles appear visually unappealing (looks too large) on mobile screens.
  • screenshot image showing title:?https://sngplbill.pk/wp-content/uploads/2024/05/sngpl-title-looks-too-big.jpg
• Lists and Bullets:?The formatting of lists and bullet points breaks down on mobile, causing them to look messy.

These issues significantly impact the user experience, especially considering that most of my visitors access the site from mobile devices. so i need to make mobile view design more professional

What I’ve Tried:

I have tried to make design better with custom code, i have searched google regarding the issue, i try to make title small but failed.

What I Need:

I’d greatly appreciate any suggestions from the community on how to improve the mobile view of my website. any recommended plugin, custom code, video URL, Any tips or tricks specific would be especially helpful.

Thank you in advance for your time and assistance!

Best regards,

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