How can I eliminate the large space on my mobile page due to big header font?

[winnado11]

Hello, 

On the mobile version, there is a big space on the right side throughout the page. I guess the problem is because my header font size is so big that causes that space. Please help me investigate the issue and give me some solutions. Thank you!

My website is: https://wowberrybites.myshopify.com/

[dmwwebartisan · Accepted solution]

@winnado11 

Please add following css code your assets/theme.min.css bottom of the file.

@media only screen and (max-width: 769px) {
#shopify-section-image-with-text-0 .image-with-text__content span {
    margin-top: 0;
    font-size: 45px !important;
}
}

Thanks!

[winnado11]

@dmwwebartisan Thank you so much. Greatly appreciated!