• Resolved bowoolley

    (@bowoolley)


    Hi – great plugin! I have a question about responsiveness. I’d like to list the files in two columns as it makes the page shorter (I have tons of files on one page). But on a mobile phone, this cuts off the end of the titles. Since the distinguishing feature is at the end of the title, this makes it impossible to know which is which. Is there some way to make the output default to one column to fit into a small screen?

    Thanks!

    http://wordpress.org/plugins/file-away/

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author thomstark

    (@thomstark)

    Thanks, and thanks for your question. Could you provide a link to the page so I can be sure I know what you need?

    Thread Starter bowoolley

    (@bowoolley)

    Sure – but can I message you? It’s not on a publicly-accessible part of the site…

    Plugin Author thomstark

    (@thomstark)

    Yes, please send me an email. Thanks.

    Plugin Author thomstark

    (@thomstark)

    Go ahead and send me the link, if you don’t mind, but have you tried using percentage width, or maybe pixel width with inline instead of two-column?

    Also, if you want to fine tune it for mobile, you can download my Browser Body Classes with Shortcodes plugin, and have one file list for desktop devices, and another file list with different display settings for mobile devices.

    Plugin Author thomstark

    (@thomstark)

    But I’ll take a look regardless and see if there’s a simpler solution.

    Plugin Author thomstark

    (@thomstark)

    In the File Away settings under the Custom Styles tab, you can add the following to your Custom CSS Editor, to prevent it from cutting off the filename with the ellipsis:

    .ssfa-ellipsis {
    overflow: visible !important;
    text-overflow: none !important;
    }

    Add that to the CSS editor, save changes, and refresh the page where your file list is displayed.

    That should do it for you.

    Thread Starter bowoolley

    (@bowoolley)

    Thomstark,

    Your final code – sent by email :

    .ssfa-ellipsis {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: none !important;
    }

    Worked for me, in conjunction with putting spaces in the filenames and shortening them. Thanks for your help! Am on my way (only 750 more filenames to modify… 🙂 )

    Plugin Author thomstark

    (@thomstark)

    Glad to hear! Have fun with that! 🙂

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Responsiveness?’ is closed to new replies.