Edit Search Bar Size/Height

Community Forums Forums Design Tips and Tricks Edit Search Bar Size/Height

This topic is: not resolved

This topic contains 1 reply, has 2 voices, and was last updated by  Sridhar Katakam 1 year, 3 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #58839

    Post count: 35

    I have been trying forever to get the Search bar to reduce in size. I have found out this is whats distorting my navigation bar (making it larger).

    I converted my template to HTML5, after the conversion the Search bar doesn’t not want to fit in the navigation. Can anyone help with this issue?



    Sridhar Katakam
    Post count: 1071

    Add the following at the end of child theme’s style.css (WP dashboard -> Appearance -> Editor):

    .nav-primary .search-form input[type="search"] {
        padding: 3px 5px;
        margin-right: 0.3em;
    .genesis-nav-menu li.search {
        margin-top: 0.2em;
    .nav-primary {
        height: auto;
    .search-form input[type="submit"] {
        display: none;

    to get


Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.