Horizontal Nav

[joeldecker]

is there a a way to make the horizontal search nav smaller on the ‘Members’ page, to fit more options without dropping down to a second line?
Thanks,
– Joel

[SQadmin]

Hi Joel,
This is not an easy thing since those controls are put in columns and these columns are based on Zurb Foundation framework but you can rewrite some default values for these columns. You have an example below, put this lines in Sweetdate/Styling options/Quick css box and adjust the values of ”width” and “padding”. Leave the “first-child” and “last-child” as they are.

COPY CODE

#search-bar .two { width: 14%; }
#search-bar .two.columns { padding-left: 2px; padding-right: 2px;  }

#search-bar .two.columns:first-child,
#search-bar .two.columns:last-child { padding: 0 6px; }

Regards,
Robert

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[joeldecker]

Thanks! That is a great solution.
Joel

[Adam]

Bumping to hopefully get some info on the best way to more-heavily modify the horz search form.

There are at least three other desirables here:
* Adjust labels for fields (currently no way to adjust labels based on 3rd-person context)
* Insert other content between fields (helpful notes, etc.)
* Adjust the column assignments from their default settings, e.g. ‘two columns’ for most fields.

[Adam]

I forgot I created another thread for this a while back

https://archived.seventhqueen.com/forums/topic/cannot-redeclare-kleo_bp_search_form_horizontal

[Author]

Posts