Help with landscape mode

I’m creating a website for a salon. I’m happy with all breakpoints in the designer but when I check on my phone landscape it picks up the settings for the tablet mode. This makes the main heading extremely large and flies off the top of the page. I have a galaxys20+ and the viewport height is 854px, so I understand why. I just don’t really know what to do about it since I can’t add a custom breakpoint. Any advice would be apprecaite.


Here is my site Read-Only: https://webflow.com/design/hair-by-the-beach-f22678c77e07d1b3dd818
(how to share your site Read-Only link)

While you can’t add a custom break point to the designer you can add a custom breakpoint in custom code. It’s possible to target specific device sizes based on media queries and then use CSS to affect styles on elements for that media query.