Remove Filterbar Border when Collapsed

  • Post date

Home › Forums › Calendar Products › Filter Bar › Remove Filterbar Border when Collapsed

  • This topic has 4 replies, 2 voices, and was last updated 9 years ago by William Lee.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 15, 2017 at 8:03 am #1335457
    William Lee
    Participant

    The filterbar shows a solid horizontal line when collapsed, and it looks fine on desktop devices. However, the line is not positioned correctly on mobile for my site. How can I remove the border only when it’s collapsed (because it looks nice when the filters are displayed). See screen shots.

    August 15, 2017 at 2:07 pm #1335758
    Shelby
    Participant

    Hey William,

    I’m happy to help out here! 🙂

    Can you try this bit of CSS and let me know if it works out for you? This won’t remove the line, but will add some space so that it’s aligned more like the desktop version:

    .tribe-is-responsive.tribe-mobile .tribe-events-page-title {
 margin-top: 1em;
}

    Let me know how that goes, and we’ll work from there!

    Best,
    Shelby 🙂

    August 16, 2017 at 7:54 am #1336009
    William Lee
    Participant

    Excellent! Thanks

    August 17, 2017 at 9:59 am #1336940
    Shelby
    Participant

    Glad to see this resolved William! Please let us know if we can help you out in the future!

    Best,

    Shelby 🙂

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Remove Filterbar Border when Collapsed’ is closed to new replies.