"research" in the menu ?

• 

  cliffcollectif · Member · Aug 31, 2014 at 2:32 pm

  • Copy link
  • Add topic to favorites

  How do I add a widget or juste a “research” space (currently in the right side posts) on the same line as the header menu of the site, next to “contact”?

  http://lecliff.com/2014/03/28/collectif-a-suivre/

  In advance thank you.

  The blog I need help with is lecliff.com.

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

• 

  senff · Staff · Aug 31, 2014 at 7:19 pm

  • Copy link

  I believe the theme doesn’t support adding widgets to the menu, so you can only get a search box in there if you use some CSS (if you have a Premium account or got the Custom Styling add-on).

  This would move the search box in the main menu:

  .col-sidebar .widget-search {
      position: absolute;
      top: 50px;
      right: 0;
      width: 175px;
      margin-right: 10px;
  }

  However, this only works for screens that are approximately 900 pixels wide or more. You’re going to need some additional CSS for smaller screens, for which you can use media queries, but this should get you started.

• 

  cliffcollectif · Member · Aug 31, 2014 at 8:40 pm

  • Copy link

  Yes, i have a prenium account with access to the CSS

  but i’ve past your CSS code and… nothing happens.

  Is it normal ?

  (sorry i begin with css code)

• 

  senff · Staff · Sep 1, 2014 at 12:35 am

  • Copy link

  Hm, I don’t see the code anywhere on the page. Did you hit the SAVE button after adding the CSS code?

• 

  cliffcollectif · Member · Sep 1, 2014 at 7:52 am

  • Copy link

  yes…
  all this code is save :

  body.blog article.category-collectif-de-scenaristes {
  	display: none;
  }
  
  body.blog article.category-membre-du-cliff {
  	display: none;
  }
  
  body.page h1.title {
  	display: none;
  }
  
  .archive.category-membre-du-cliff h1.title {
  	display: none;
  }
  
  .archive.category-collectif-de-scenaristes h1.title {
  	display: none;
  }
  
  .masthead .menu {
  	font-size: 1em;
  }
  
  .postinfo .taxonomies {
  	display: none;
  }
  
  .col-sidebar .widget-search {
      position: absolute;
      top: 50px;
      right: 0;
      width: 175px;
      margin-right: 10px;
  }

• 

  hallluke · Member · Sep 1, 2014 at 10:23 am

  • Copy link

  It doesn’t look like there would be a problem, try replacing that last declaration with these 2:

  #search-5 {
  	position:absolute;
  	top:18px;
  	right:0;
  	border:none;
  	padding:0;
  	margin-right:20px;
  }
  
  .logged-in #search-5 {
  	top:50px;
  }