Mobile – categories

  • Resolved Quarry & Castle

    (@quarryandcastle)


    5 months, 3 weeks ago

    Hi,

    I’d like Categories to display the same as Tags when viewed on mobile, if possible, please see below as an example, tags are always displayed on a new line:

    Thanks for your help!

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Hi there,

    Thanks for using Chosen!

    The following CSS will work well to make this change:

    @media all and (max-width: 799px) {

      .post-categories span {
        margin-right: 100%;
      }
    }

    Please copy and paste this into the Custom CSS section in the Customizer (Appearance > Customize), and it will take affect right away.

    Thread Starter Quarry & Castle

    (@quarryandcastle)

    That’s worked – thank you!

    One more hopefully quick thing – would it be possible to expand the space under the categories/tags buttons? So between Categories/Field Watches and Tags/Diver?

    Thanks for your help and the quick turnaround!

    Theme Author Ben Sibley

    (@bensibley)

    Sure thing!

    Yea that’s doable too. Please replace the previous snippet with this code instead, and it will add the extra space:

    @media all and (max-width: 799px) {

      .post-categories span {
        margin-right: 100%;
        margin-bottom: 12px;
      }
      .post-tags span {
        margin-bottom: 12px;
      }
    }

    Thread Starter Quarry & Castle

    (@quarryandcastle)

    That’s worked perfectly as well!

    Thank you again for your help!

    Theme Author Ben Sibley

    (@bensibley)

    You’re welcome!

    Stay in touch if you need anything else, and I’ll be happy to help.

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.