Streaming live at 10am (PST)

Image not centered, only on mobile portait view


#1

http://closrto.webflow.com/

The image is centered, in a container with text centered, everything looks fine until mobile portrait view, and the image becomes left aligned.


#2

Can you please share your project’s public link so it's easier to understand your issue?

Learn how to do it here: http://help.webflow.com/sharing-your-public-webflow-site-link


#3

Here you go. https://preview.webflow.com/preview/closrto?preview=036377235ecfa7de202e524b0a84d9d7

There is really just a container and an image, so I'm not sure whats going wrong. Thanks!


#4

It's because on this device, your image is set to display:block instead of display:inline-block like for the other devices and Desktop.

You have two solutions to center an image, either display:inline-block and a text centering property on the parent container, or display:block, margins right and left Auto. For the second solution, there is a shortcut on Webflow UI (shortcuts are very rare on Webflow UI):


#5

Doh! I knew it was that simple. Thanks.


#6

Hey I also had a "doh" moment when someone pointed me to the button smiley


#7