Repeat svg pattern not joining on ipad

See here: https://smallcakesdallas.com/

I made a repeat svg pattern for the menu bar, here is how it looks in adobe, its flush, and shouldnt have any gaps:

On a computer it looks fine:

But on my ipad, it has a gap:

Any ideas as to why this is occurring?

Hello @Oriol,

Thanks for posting! Please check your SVG in your editor and make sure to remove any excess space. Even if it is 0.5 pixels, it may display on retina devices.

Best Regards.

As per my screenshot of how it is made in illustrator its going off of the artboard, and illustrator exports the artboard, and cuts it…so its flush, there is no space

Hey @oriol,

That comes from an empty background-size.

Setting the background-size to contain would fix that.

image

Awesome! that did the trick! Thank you.

1 Like

You are most welcome @oriol

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