We are using a hero section on our home page and Equipment page:
https://dianec16.sg-host.com/
On mobile, the text is getting cut off. Our logo is larger than the template logo, which I think may be causing the issue? In the template settings, I changed the header height to 150px. Otherwise the logo was overlapping the hero image.
Also, our logo looks good when the screen is higher than 1200px, but when it gets resized smaller than that, it gets blurry. Can you please advise on how to fix this?
Thank you.