[Resolved] search box

Home Forums Support [Resolved] search box

Home Forums Support search box

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #2185817
    Hiroki

    Now only search icon is displayed, and when selected, the box expands to the full width of the header.

    Please tell me how to display a search box of a certain length under normal conditions.

    #2185841
    Fernando
    Customer Support

    Hi Hiroki,

    To clarify, what do you mean by “normal conditions”? Are you wanting to modify the width only on desktop?

    If so, here is a CSS you may try adding in Appearance > Customize > Additional CSS:

    @media (min-width: 1025px) {
        form.search-form.navigation-search {
        width: 50%;
        margin-left: auto;
    }
    }

    Kindly let us know if you’re wanting something else. It might help if you can create a sketch of the look you’re going for.

    Hope to hear from you soon. 🙂

    #2185850
    Hiroki

    Amazon, Twitter, etc. have a search space without clicking the search icon.
    I also wanted my site to display the search space from the beginning.

    #2185862
    Fernando
    Customer Support

    I see. If that’s the case, you can try creating a Block Element with a WordPress Core – Search Block as such: https://share.getcloudapp.com/L1uR9NX2

    As shown, the Block is hooked to after_primary_menu and displayed in the Entire Site.

    You can then use custom CSS to modify this.

    Hope this clarifies. 🙂

    #2185930
    Hiroki

    Perfect!
    Thank you Fernando!

    #2185936
    Fernando
    Customer Support

    You’re welcome Hiroki! Feel free to reach out anytime if you’ll need further assistance regarding this. 🙂

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