Header Text not appearing correctly when published

Design help General
1

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:

824×657 778 KB

My Phone in horizontal view.

1920×1080 1.85 MB

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

2

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

3

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

4

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.

5

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!

1 Like
6

You’re Welcome @jtk

Good luck with your project!

7

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.