December 12, 2012 at 6:15 pm #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?
SusanDecember 13, 2012 at 4:39 pm #100341
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.
NickDecember 14, 2012 at 11:05 am #100342
Hi Nick, here is the link to the page with the troublesome image.
SusanDecember 14, 2012 at 3:26 pm #100343
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?
NickDecember 16, 2012 at 1:33 pm #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.
SusanDecember 17, 2012 at 8:33 am #100345
The topic ‘wrap around text in mobile view’ is closed to new replies.