Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #18662

    Hi there, I have an image aligned left in a page with text wrapping around it to the right and underneath. WordPress automatically adds some padding underneath the image when you do this so that the text does not directly abut the image. This is fine in my page until you get to mobile view when all the text in the right hand column slides directly underneath the image – no padding. I’ve used this method before in wordpress twenty eleven and the padding stays there in mobile view.

    Any ideas how to fix this?

    Many thanks

    Susan

    #100341

    Hi,

    You are being too abstract. We need to see the url to the page that has the image with this behavior in order to look at the code/css/nodes to see what exactly is happening and give you a concrete solution.

    Thanks,

    Nick

    #100342

    Hi Nick, here is the link to the page with the troublesome image.

    http://goo.gl/hznBr

    Susan

    #100343

    Hi,

    I looked through Chrome and Safari and the last 2 words above the image are ‘historical document’ and the two words below the image are ‘ ‘Following Adam’. Nothing even looks close to moving towards the image. http://i.imgur.com/ND97i.png

    What browser are you using? with what OS?

    Thanks,

    Nick

    #100344

    Hi nick, just looking at the screen shot that you sent, it shows the problem I was trying to explain. There should be some padding/white space in mobile view between the bottom of the image and first line of text “Following Adam…”

    There is such a break/white space if you look at the page layout in all other screen sizes – the text automatically lines up to the right of and underneath the image with some padding. But this does not happen when you switch to mobile view.

    When I have done something similar in twenty eleven, and the colums shift down to the one, this spacing happens automatically rather than having to create a specific media query rule.

    Susan

    #100345

    Hi,

    Please try this css

    #main.container_wrap p.intro {
    font-size: 1.5em;
    line-height: 1em!important;
    margin-bottom: 40px;
    diplay: block;
    }

    Thanks,

    http://i.imgur.com/2bjdx.png

    Nick

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘wrap around text in mobile view’ is closed to new replies.