Shopify Design

winnado11 · ‎11-25-2021

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 · ‎11-25-2021

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

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

dmwwebartisan · ‎11-25-2021

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

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app