Link Submission is not responsively designed

  • Resolved pastorjim

    (@pastorjim)


    4 years, 5 months ago

    Hi. I have included the link submission ( [link-library-addlink settings=1]) in two of my pages. However I find that the user entry boxes overflow the right side of the screen on my smart-phone. My phone is 1080 x 1920px.

    Also, the text size for the Name, URL and Category labels do not reduce as the screen size reduces so having more than one word for the left side label makes a mess, though that’s workable.

    I tried setting the box size to 45%, but then the words “Required” or something similar appeared to the right of one of the boxes messing the layout up.

    Perhaps you want to look at a better responsive design of this.

    Thanks.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Yannick Lefebvre

    (@jackdewey)

    Indeed, I have not paid a lot of attention to how things look on mobile devices. I’ll aim to have a deeper look at this in the next week.

    Plugin Author Yannick Lefebvre

    (@jackdewey)

    Please copy this block of CSS at the bottom of the stylesheet editor for Link Library:

    @media only screen and (max-width: 600px) {
  .lladdlink table td {
    height: 60px;
    display: block;
  }

  .lladdlink table {
     margin-bottom: 20px
  }

  .lladdlink table th {
     display: block;
  }
}

    Now, the max-width might need to be adjusted to accomodate different phone widths, but these extra settings are making my form look quite nice in a mobile layout on my test site.

    Let me know if this works for you. I will be adding this block of code to the default stylesheet for the plugin.

    Plugin Author Yannick Lefebvre

    (@jackdewey)

    Have you been able to try out the stylesheet code provided? Does it solve the issue?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Link Submission is not responsively designed’ is closed to new replies.