Dangling text next to image

Support
#1

Hello!

I’m using the Ethos design and have one page (http://www.danamayer.com/about/) that has an image next to text (utilizing float:left). That works fine.

The problem is that on some (but not all) small device sizes, the first word of the paragraph, “I”, is dangling to the right of the image instead of clearing the bottom of the image.

On my iPhone 5s it does clear, on Chrome Dev Tools mock iPhone 6 it doesn’t clear (nor does it on other people’s–who told me about the issue).

How do I force the one word down to join its paragraph?

Thank you!

#2

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

@media (max-width: 480px){
    #x-section-1 > div.x-container.max.width > div > div > p:nth-child(2) {
        clear: both;
    }
}

Hope it helps :slight_smile:

#3

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