[Resolved] Navigation Search

Home Forums Support [Resolved] Navigation Search

Home Forums Support Navigation Search

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #45644
    ROMI

    I’ve enabled the navigation search feature, but it doesn’t really stand out. How can I (a) enlarge the magnifying glass, (b) add a border to the search box, and (c) shorten the width of the search box?

    I apologize if these questions have already been asked, but if so, please provide a link to the resolution(s).

    Thanks!
    http://www.flairgiftcreations.com

    #45705
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    1. You can enlarge the magnifying glass with this CSS:

    .main-navigation li.search-item i {
          font-size: 20px;
    }

    2. Adding a border may be an issue, because the magnifying glass button sits over top – but you can try this CSS:

    .navigation-search {
          border: 1px solid #DDD;
    }

    To change the width, you can use this CSS:

    .navigation-search {
          max-width: 300px;
    }

    Hope this helps ๐Ÿ™‚

    #45828
    ROMI

    Thank you, Tom!

    #45861
    Tom
    Lead Developer
    Lead Developer

    You’re very welcome ๐Ÿ™‚

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