Premium Joomla Templates

  • Categories
    View categories that are created for the site and filter discussions by categories.
andym on Friday, October 04 2013, 07:53 PM

Making search module less wide?

Hi all, couldn't find help with this. Sorry if it's covered elsewhere; please point me to a thread if it is.

I'd like to make the search module on our Neutrino Pro site slightly less wide ... by 6 to 8 pixels or so. I need enough room to add a word to one of the menu items (change "Search Inventory" to "Search Our Inventory"). But that shoves the last menu item (Contact) out of the green menu bar.

I figure it's in the template css somewhere but can't seem to find it. Thanks in advance for any tips.

Please see:
The discussion has been resolved.

Accepted Answer

  • Replied by zahir on Saturday, October 05 2013, 03:05 PM
    Hi Andym,

    Under the template.css file, locate the following and modify the width properties of both:
    around line 231:
    #navbar .nav_wrapper {
    width: 760px;
    float: left;

    around line 235:
    #navbar .search_wrapper {
    width: 170px;

    The width of #navbar .nav_wrapper should be increased, eg. to 820px or so while the width of #navbar .search_wrapper should be decreased.

    Hope that helps!

  • Replied by andym on Tuesday, October 08 2013, 01:18 AM · Hide · #1
    Thanks, Zahir ... this makes sense. I'm working a crazy deadline here at Art101 Central Command, but I'll check out your fix and report back with anything useful ASAP.

    BTW, thanks for building the Neutrino template. It's brilliant, clean, and flexible. You rock.
    Replied by andym on Tuesday, December 02 2014, 12:14 AM · Hide · #2
    Thanks again, Zahir; I finally got around to editing the CSS and it worked like a charm. If you visit you'll see the new, narrow search field. This gave us room to add a new top menu item for our military Veterans services.

    Note for other Neutrino users: If you don't see changes when viewing your site after following Zahir's CSS tip, you may need to go to the Joomla Administration panel, Site dropdown menu, Maintenance, Clear Cache and Purge Expired Cache. After we did that, the new search bar popped right up at the new width in every browser we tested.
Your Response
Please login first in order for you to submit comments

Recent Themes

The Joomla!™ name is used under a limited license from Open Source Matters in the United Statesand other countries. is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.