Rowling theme – moving

• 

  seria2016 · Member · Nov 7, 2016 at 5:09 am

  • Copy link
  • Add topic to favorites

  I am trying to move search form into top area – just below the header menu.
  I have modifed css but it is still on the bottom widget area.

  .search-form {
  position: absolute;
  top: 0px;
  }

  Can anyone please help me with this?

  The blog I need help with is: (visible only to logged in users)

• 

  siobhyb · Member · Nov 7, 2016 at 12:45 pm

  • Copy link

  Hi @seria2016,

  Rowling has the option for a built in search icon in the upper right hand corner. You can view this on the theme’s demo site:

  https://rowlingdemo.wordpress.com/

  That icon can be activated by first following the steps here to create a social links menu:

  Create a Social Links Menu

  I’d recommend activating the social links menu (so that the search icon is visible) over moving the search form in your sidebar. The latter would require fairly advanced CSS and a lot of testing across different devices.

  If you do activate the social links menu and wish for the search form to be visible at all times (not only when the search icon is clicked on) then you could use the following custom CSS:

  .search-container {
      display: block !important;
  }
  
  a.search-toggle.active {
      pointer-events: none;
  }

  Let me know if the above helps out or if you have any extra questions.

• 

  seria2016 · Member · Nov 9, 2016 at 5:06 am

  • Copy link

  Activated the search form in the social link menu, then it works now.
  Thank you. :D

• 

  siobhyb · Member · Nov 9, 2016 at 11:46 am

  • Copy link

  Perfect! :) Let us know if anything else comes up, too.