Celebrating 7 Years! Get up to $30 off GeneratePress Premium!

[Resolved] Search navigation looks weird

Home Forums Support [Resolved] Search navigation looks weird

Home Forums Support Search navigation looks weird

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #458048
    Esteban

    Hi Tom and everyone one Generatepress

    I dont think this is an issue but I would love if you will help me with a css solution
    a have the following custom css on my site

    .site-header {
    display: none;
    }
    .main-navigation .site-logo.navigation-logo {
    position: absolute;
    left: 0;
    top: 0;
    }
    .main-navigation .site-logo.navigation-logo img {
    height: 80px;
    padding: 0;
    z-index: 2;
    margin-top: -10px;
    }
    #site-navigation {
    padding: 20px;
    }

    to display the navigation logo as a header. Its on your documentation pages but i think this css is making the searh icon on the menu looks very weird (it does not appear) I will thank if there is css trick to make it show propertly Thank you

    GeneratePress 2.0.1
    GP Premium 1.5.6
    #458161
    Leo
    Staff
    Customer Support

    Hi there,

    Try this CSS:

    .navigation-search {
        width: 60%;
    }
    .navigation-search.nav-search-active {
        left: auto;
    }
    .navigation-search input[type="search"],
    .navigation-search input[type="search"]:focus {
        background-color: #bfbfbf
    }
    #459416
    Esteban

    Thank you looks way better now :). Maybe is a list of classes on your documentation

    #459545
    Leo
    Staff
    Customer Support

    Too many to list.

    We just use developer tool from the browser. Very handy knowledge if you want to develop more sites.

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.