Removing space

Solved
winnado11
Shopify Partner
181 0 72

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_1-1637825866341.png

 

 

Accepted Solution (1)

Accepted Solutions
dmwwebartisan
Shopify Partner
10710 2339 3326

This is an 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!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

Replies 2 (2)
dmwwebartisan
Shopify Partner
10710 2339 3326

This is an 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!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
winnado11
Shopify Partner
181 0 72

@dmwwebartisan Thank you so much. Greatly appreciated!