Home › Forums › Support › Fixed top bar on mobile only This topic has 3 replies, 2 voices, and was last updated 2 years, 11 months ago by David. Viewing 4 posts - 1 through 4 (of 4 total) Author Posts February 11, 2020 at 5:17 pm #1162394 Joseph Trying to get the top bar to be fixed, but on mobile only. Tried this code, but then the topbar crashes over/under the header/nav somehow. @media (max-width: 768px) { .top-bar { position: fixed; top: 0; width: 100%; } } February 12, 2020 at 3:47 am #1162699 DavidStaff Customer Support Hi there, try this: @media (max-width: 768px) { .top-bar { position: -webkit-sticky; position: sticky; top: 0; z-index: 100; } } Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ February 13, 2020 at 2:35 pm #1164617 Joseph That worked like a charm! Hopefully I don’t break it. ๐ February 14, 2020 at 3:43 am #1165009 DavidStaff Customer Support Haha ๐ You’re welcome Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ Author Posts Viewing 4 posts - 1 through 4 (of 4 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In