Topic Closed
Stan
4 Posts
Hi! Can anybody explain how can one change the width of search input field in Bootswatch Flatly theme?
7 years ago#7344

juergen
1.5K Posts
62.3K Downloads
16 Plugins

It's styled to occupy 100% width, so we need to change it's parent’s width (which has float:right)

In the Admin Panel go to [ Appearance ] -> [ Edit this Layout ] and paste …

form.navbar-form.navbar-right {
  width:120px;
}

@media ( max-width : 768px ) {
  form.navbar-form.navbar-right {
    width:auto;
  }  
}


… into the editor area on the left. 120px is the new width. You name it.

Preview / Save

The @media rule unsets the width for screens narrower than 768px (that's the breakpoint where the menu becomes button-triggered and full-width)

Edited: 7 years ago#7346

Stan
4 Posts
Thank you for your explanation! This advice was very useful!
7 years ago#7347

Topic Closed

 

News

elFinder 2.1.50 in Upcoming Release
12/28/2019

A new release for Typesetter is in the works with a lot of improvements including the ... Read More

Typesetter 5.1
8/12/2017

Typesetter 5.1 is now available for download. 5.1 includes bug fixes, UI/UX improvements, ... Read More

More News

creisi productions

Dienstleistungen von creisi productions, Ennetb├╝rgen (Schweiz): * Konzeption, Planung und Erstellung Ihres Internet-Auftritts * Betreuung und Aktualisierung/Pflege Ihrer Websi...

Find out more about our Provider Spotlight

Log In

  Register