Comment on Five Things AD&T Coded This Year (And One That's Still to Come)

  1. The mobile filters thing wasn't an improvement. Now I have to scroll down to see if my filter was successful, then scroll up, then hit the VERY SMALL button. Super frustrating, constantly.

    Comment Actions
    1. The AO3 logo wearing an emoji crown.

      Hi, tamarama!

      Thanks for letting us know about the problems you're having with the mobile filters. We are looking into making some adjustments based on your feedback; you can keep an eye on our release notes for any future changes. In the meantime, you can create a site skin that will restore the old filter functionality like this:

      1) Log in

      2) Choose "Skins" from your Dashboard

      3) Choose "Create Site Skin" (button at the top of the page)

      4) Give your skin a title, and, if you like, a description

      5) In the CSS box, paste:

      .javascript {
      background: #fff;
      }

      .actions li.narrow-shown,
      .javascript .filters p.narrow-shown {
      display: none;
      }

      .filtering {
      right: 0;
      }

      .javascript form.filters {
      display: block;
      max-width: 100%;
      position: static;
      right: 0;
      width: 100%;
      }

      6) Go to the "Advanced" section and choose "Show"

      7) In the "Media" section, scroll down and tick the box next to "only screen and (max-width: 640px)"

      8) Choose "Submit" to create your skin

      9) Choose "Use" to start using the skin

      Using a device with a larger screen you should see no difference from the default; on your mobile device the filters will be at the bottom of the list as they used to be.

      We're sorry for the difficulties! If you have any questions or run into problems, please let us know.

      -mumble (AD&T)

      Comment Actions
      1. Whoa, fancy. Will do. Thanks so much!

        Comment Actions