Search for: Log In Free Support [Resolved] Slight modification header on mobile Home › Forums › Support › Slight modification header on mobile This topic has 5 replies, 2 voices, and was last updated 1 year ago by David. Viewing 6 posts - 1 through 6 (of 6 total) Author Posts December 23, 2019 at 7:01 am #1112351 Chris Here’s how my current mobile header looks like: http://prntscr.com/qer9v8 How can I make it look like this: http://prntscr.com/qer80v December 23, 2019 at 7:53 am #1112396 DavidStaff Customer Support Hi there, try adding this CSS to make the search occupy the width of the nav – with some border around it: @media (max-width: 768px) { .custom-search-form { width: 90%; margin-left: auto; margin-right: auto; margin-bottom: 10px; } .custom-search-form input[type="search"] { max-width: 80%; } .custom-search-form button { display: none; } } Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ December 23, 2019 at 8:02 am #1112404 Chris Great, how do I remove the search icon: http://prntscr.com/qes9di December 23, 2019 at 8:05 am #1112408 DavidStaff Customer Support Edited the CSS above Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ December 23, 2019 at 9:00 am #1112447 Chris Sanks! December 23, 2019 at 10:05 am #1112495 DavidStaff Customer Support You’re welcome Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ Author Posts Viewing 6 posts - 1 through 6 (of 6 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In