Streaming live at 10am (PST)

Header Text not appearing correctly when published


#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:

My Phone in horizontal view.


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:

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!


#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.