Shape outside image float right error mobile


#1

HI,

Using this to float an image right and have text around the head.
Works fine on a desktop, but ignores the shape on mobile.
Here’s the css and the relevant images are below.

.scr {
	float: right;
	height:314px;
	width:100%;
	shape-outside: url(images/sethmeyersright.png);
	shape-margin: 15px;
	shape-image-threshold: 0.5;
	background: url(images/sethmeyersright.png);
	background-repeat: no-repeat;
    background-position: right top; 
	background-color:#aaa;
}

Note: Image is 314px high.

Html:

<div class="scr"></div>
<div class="title">He was ......<br><br>If it wasn.....
</div>
<div class="clear"></div>


#2

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