Header Text not appearing correctly when published

[jtk]

Site

My mobile Horizontal view is not displaying correctly when published to the subdomain URL that I am using so my client can view the site.

http://mtc-5f869c.webflow.io/

Editor:

My Phone in horizontal view.

---

Here is my public share link: LINK
(how to access public share link)

[jtk]

Still have this issue. Password to see pages is mtcw2017. Thanks.

[jtk]

Anyone? Not sure how, or where to address this issue.

[AnnaKelian]

Hi @jtk

I took a look at your site, and it looks like there’s a large top-padding set on the text content of the slider which is pushing the content out of visibility on a mobile device.

To fix this issue, I suggest the following:

• Remove the top-padding of Slider Text Container on desktop view.
• Add height: 100%;
• Add display: flex; Make the Flex layout vertical, justify : center, and align: center

Watch this video:
https://cl.ly/0S2r1j0b3r2T/Screen%20Recording%202017-05-09%20at%2001.00%20PM.mov

For smaller breakpoints, always test your design on an actual device.

​Hope this is helpful.

[jtk]

Anna, thanks for creating that video and for your answer. I did it that way because Webflow has a video showing to do it that way.
Sliders

Your way is easier!

[AnnaKelian]

You’re Welcome @jtk

Good luck with your project!