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

Store Design
1

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/

winnado11_0-1637825813354.png
winnado11_0-1637825813354.png1840×1775 225 KB

winnado11_1-1637825866341.png
winnado11_1-1637825866341.png1450×1595 158 KB

1 Like
2

@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!

1 Like
3

@dmwwebartisan Thank you so much. Greatly appreciated!