[Resolved] Customize Search Bar

Home Forums Support [Resolved] Customize Search Bar

Home Forums Support Customize Search Bar

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #470798
    Rodolfo

    Hi!

    Two problems!

    1 – I’m trying to align navigation search on right (I did it using margin-left:620px; – but I think it is not the right way to do it… Is there something like “align:right”? (for example: on mobile, it does not work right…)

    .navigation-search {
       max-width: 450px;
       height: 40px;
       bottom: auto;
       top: 100%;
       margin-left:620px;
    }
    GeneratePress 2.0.1
    #470889
    Leo
    Staff
    Customer Support

    Hi there,

    Not sure what you mean?

    Everything looks good from what I can see.

    You can use media query to make the CSS desktop only if it helps: https://docs.generatepress.com/article/responsive-display/

    #471181
    Rodolfo

    Hi Leo…

    Sorry about my english… Desktop was/is OK – my problem was on mobile… but I got @media and everything is ok now!

    Thank you.

    #471311
    Rodolfo

    Leo, just for your information…

    The css below is better, and works for mobile, ipad and desktop…

    Thank you again.

    .search-form {
      height: 30px;
      bottom: auto;
      top: 115%;
    }
    .search-form .search-field {
      width:300px;
      float:right;
    }
    #471466
    Leo
    Staff
    Customer Support

    Glad I could help and thanks for sharing 🙂

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