Removing space

Solved
winnado11
Explorer
50 0 24

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
9731 2224 3053

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
9731 2224 3053

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

winnado11
Explorer
50 0 24

@dmwwebartisan Thank you so much. Greatly appreciated!