Search for: Log In Free Support [Support request] Search Bar Visual Home › Forums › Support › Search Bar Visual This topic has 3 replies, 3 voices, and was last updated 1 year, 1 month ago by Leo. Viewing 4 posts - 1 through 4 (of 4 total) Author Posts February 28, 2020 at 5:36 am #1179510 William Hi – I imported the SPLIT site and customized a bit. When clicking on the search bar, it overlays on top of the site logo and the navigation buttons. (image below) View post on imgur.com Is there a way to make this look better? Thank you, William February 28, 2020 at 8:28 am #1179835 DavidStaff Customer Support Hi there, we could limit its width to match the left hand navigation with this CSS: @media (min-width: 768px) { .inside-navigation .navigation-search.nav-search-active { left: calc(100% - 285px); max-width: 285px; } } Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ February 28, 2020 at 10:06 am #1179896 William Thanks David. Would that fix the issue on mobile as well? I’m a newbie, where would I put this CSS inside wordpress to get this going? Thank you! February 28, 2020 at 4:27 pm #1180138 LeoStaff Customer Support Adding CSS: https://docs.generatepress.com/article/adding-css/ 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