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

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?

1 Like

Hello There,

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

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

Hi @moise75 ,

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

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/

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

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

it’s cutting off my legs