1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Move search bar next to top breadcrumb

Discussion in 'Styling and Customization Questions' started by Trombones13, Apr 25, 2012.

  1. Trombones13

    Trombones13 Well-Known Member

    (Figured I'd start a new thread for this rather than put it with my last question, since it's easier for people to search and find later if they need it.)

    I'd like to move my search bar from its default position to sitting just right of the top breadcrumb, with a few pixels of space between. See below for a mockup:
    View attachment 28797

    Any ideas on how to move it? I have a suspicion that something like a float class similar to the use in this thread would do it, but I'm stuck with what to do in the templates.
  2. Sylar

    Sylar Well-Known Member

    You could try playing around with this code in search_bar.css:
            display: block;
            position: absolute;
            right: 20px;
            top: -18px;
            margin: 0;
            border-radius: 5px;
            padding-top: 5px;
            _padding-top: 3px;
            z-index: 7500;
  3. Trombones13

    Trombones13 Well-Known Member

    :) I'm able to move the search bar down with that, but I'm not sure about getting the breadcrumb to "shrink" to fit it horizontally (the search bar currently covers it up).
  4. Sylar

    Sylar Well-Known Member

    Try looking through your style properties for a breadcrumb class. I currently don't have access to my forum(away from my home PC), but I'm sure there's a way you could change it to fit your needs ;)
    Trombones13 likes this.
  5. Trombones13

    Trombones13 Well-Known Member

    You led me toward the right path; I eventually figured it out by using xen:calc in EXTRA.css. Thanks! :)
    popowich and Sylar like this.
  6. popowich

    popowich Active Member

    Is it possible to move the search box up a few px but only for visitors?
  7. Brogan

    Brogan XenForo Moderator Staff Member

  8. popowich

    popowich Active Member

    Forget the visitor / member I started talking about, move it up for all is fine.

    Would it be possible to share the details of how you accomplished this?


    Update: Got it done, all set!
    Last edited: Apr 29, 2015

Share This Page