I have created a SharePoint site on SharePoint Online. This site holds a Document library (Around 15 documents here) along with 8 lists for data to be entered into columns.

Promoted links have been set up to each one of these document templates in the library and to each one of the lists created.

These promoted links have then been embedded as tiles on the Home page as a webpart.

When looking at the site on on a PC browser the site looks fine and works well. When looking at the site on an iPad Mini / 9.7 display via the App or Safari everything (Mainly the promoted link webparts) doesn't scale correctly and starts clipping.

Is there anyway to have this scale 1:1 on the app or safari on these devices and allow users to use the pinch feature should then need to zoom?

Please see the attached examples below:


  • can you add the below line <meta name="viewport" content="width=device-width, maximum-scale=1.0" /> inside the <head> tag of master page and check ? Jun 30, 2017 at 16:07
  • I tried adding this to the v4.master page - didn't seem to change anything. Jun 30, 2017 at 16:20

1 Answer 1


We have applied following styles which work perfect in browsers and all devices (Desktop, iPad, Tablet). See these might help you.

.ms-promlink-body {
    position: relative;
    width: 100%;
    height: inherit;
    float: left;
    left: 0px;
    padding: 10px;
    background-color: #fafafa;
    border-radius: 5px;


enter image description here


enter image description here

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.