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, 2 months ago.

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

    Brain916
    Participant
    Post count: 35

    Hello,
    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?

    Thanks,

    http://test.sneakerfiles.com/
    #59867

    Sridhar Katakam
    Participant
    Post count: 1068

    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

    screenshot


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

You must be logged in to reply to this topic.