How can I fix white space and invisible text in Dawn header on mobile?

[moise75]

Hey

In the image, I added you can see that there’s a white space in between my button and the header also my text are not showing in mobile any help?

[ZestardTech]

Hello There,

Please share your store URL and Password.
So that I will check and let you know the exact solution here.

[PageFly-Victor]

Hi @moise75 !

This is PageFly - Advanced Page Builder. I would love to give you some recommendation.

Please paste this code;

1. In your Shopify Admin go to online store > themes > actions > edit code
2. In your theme.liquid file, find the (press CTRL + F or command + F on Mac)
3. paste this code right above the tag:

@media only screen and (max-width: 740px){ [id] .flex-caption.slide-1590632797002-0 { padding: 20% 0 0 0 !important; } }

Best Regards;

Pagefly

[SmallTask]

Hi @moise75 ,

Kindly share your store url, so that we can check and provide you the solution.

[moise75]

I remove the slideshow on my header but I only have one image on mobile it’s looking good but on desktop, the picture has been cut off. my store link: https://www.faithloveafrica.com/

[SmallTask]

Add this CSS code Online Store > Themes > Edit code > Assets > custom.css or theme.css.

.media>img { object-position: top center; }

[moise75]

it’s cutting off my legs