Header on my home page isn't fitting to mobile

The mobile view from my desktop looks perfect, but when I look at the live site from my actual phone, it doesn't fit. I'd rather not make the image/text any smaller or tighter... any suggestions on how to make this fit on the phone screen?

The original image is 1000px high X 2500px wide.

I've attached a screenshot of what the home page looks like from my phone.

Thanks for any help!

Hi, Would it be possible to share your site URL? No way to identify the issue without looking into the site. Thanks!

42 minutes ago, Lesum said:

Hi, Would it be possible to share your site URL? No way to identify the issue without looking into the site. Thanks!

Sorry, thank you for asking. It prompted me for my URL when I made the post, so I assumed it was attached.

It's here: https://thebusybelle.com/

Thanks again!

Looks like the entire section has only a background image, not actual texts. Even if you reduce the image size, text portion on the image will not fit correctly on mobile view. Between 320px to 460px (standard width of mobiles), text portion on your image will always get cropped. 

As a solution, on mobile view, if you could display a version of the background image without text, and then add actual text, it will solve the problem. 

Thanks for your help. I can't seem to have one background image for desktop and a different background image for mobile, so I'll have to try to find another way around it.

You can try something like this code to Design > Custom CSS (or Website > Website Tools > Custom CSS)

/* Mobile resize top image */
@media screen and (max-width:991px) {
[data-section-id="64d7beb12b609319ed79d620"] {
    min-height: unset !important;
}
}

Also, I see your header has no items, so you can use this CSS code to remove burger

.burger-inner {
	visibility: hidden !important;
}

I'm also having the same problem. I tried @tuanphan's custom css without luck. Help!

ashleydmoon.com

On 7/30/2024 at 12:40 PM, ashleymoon said:

I'm also having the same problem. I tried @tuanphan's custom css without luck. Help!

ashleydmoon.com

I see it already fine now