Fixar pesquisa no menu lateral com rolagem

[rato cuiara 1]

Pessoal, peço a ajuda de vocês para poder fazer uma alteração no template deste site https://adminlte.io/themes/AdminLTE/pages/layout/fixed.html.

 

Como podem observar, o menu lateral tem rolagem vertical. Oque eu gostaria de fazer e fixar somente o espaço onde está a imagem com o mone de usuário e o formulário de pesquisa logo abaixo. Mantendo assim o restante com a rolagem.

 

 

Veja imagem:

 

 

fixar somente a parte destaca em vermelho

[HwapX 20]

A principio basta você mover a div.user-panel e o form.sidebar-form da section.sidebar para o topo da aside.main-sidebar.

[rato cuiara 1]

5 horas atrás, HwapX disse:

A principio basta você mover a div.user-panel e o form.sidebar-form da section.sidebar para o topo da aside.main-sidebar.

 

Já havia tentado essa solução, porém a caixa de pesquisa some.

 

      <!-- Sidebar user panel -->
      <div class="user-panel">
        <div class="pull-left image">
          <img src="{$GET_IMAGE}/userteste.jpg" class="img-circle" alt="User Image">
        </div>
        <div class="pull-left info">
          <p>Alexander Pierce</p>
          <a href="#"><i class="fa fa-circle text-success"></i> Online</a>
        </div>
      </div>
      <!-- search form -->
      <form action="#" method="get" class="sidebar-form">
        <div class="input-group">
          <input type="text" name="q" class="form-control" placeholder="Search...">
              <span class="input-group-btn">
                <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
                </button>
              </span>
        </div>
      </form>
      <!-- /.search form -->

	<aside class="main-sidebar">
    <!-- sidebar: style can be found in sidebar.less -->
    <section class="sidebar">
      
      <!-- sidebar menu: : style can be found in sidebar.less -->
      <ul class="sidebar-menu" data-widget="tree">
        <li class="header">MAIN NAVIGATION</li>........

 

[HwapX 20]

Quando disse no topo quis dizer logo inicio após a abertura da aside.main-sidebar, como no exemplo abaixo:

<aside class="main-sidebar">
  <!-- Sidebar user panel -->
  <div class="user-panel">
    <div class="pull-left image">
      <img src="{$GET_IMAGE}/userteste.jpg" class="img-circle" alt="User Image">
    </div>
    <div class="pull-left info">
      <p>Alexander Pierce</p>
      <a href="#"><i class="fa fa-circle text-success"></i> Online</a>
    </div>
  </div>
  <!-- search form -->
  <form action="#" method="get" class="sidebar-form">
    <div class="input-group">
      <input type="text" name="q" class="form-control" placeholder="Search...">
      <span class="input-group-btn">
        <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
        </button>
      </span>
    </div>
  </form>
  <!-- /.search form -->

  <!-- sidebar: style can be found in sidebar.less -->
  <section class="sidebar">
      
    <!-- sidebar menu: : style can be found in sidebar.less -->
    <ul class="sidebar-menu" data-widget="tree">
      <li class="header">MAIN NAVIGATION</li>........

 

[rato cuiara 1]

Poxa! e não é que deu certo mesmo! 

 

Valeu amigo pela ajuda.

(resolvido)