Search bar instead of menu bar

• 

  mmircetic · Member · Apr 8, 2015 at 3:14 am

  • Copy link
  • Add topic to favorites

  I would like to remove my menu bar and just have a search bar on the top right hand side of the page. Is that possible?

  Thanks,

  Marko

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

• 

  lizthefair · Member · Apr 8, 2015 at 5:38 pm

  • Copy link

  Are you asking about how to do this for http://corpexplore.com/ or for your other site?

• 

  mmircetic · Member · Apr 8, 2015 at 5:42 pm

  • Copy link

  For corpexplore.com please. I have a custom css but not sure how to make that kind of change!

• 

  thesacredpath · Member · Apr 8, 2015 at 5:42 pm

  • Copy link

  Marko, on Cubic, I’m afraid this isn’t possible. We could replace the menu icon with the magnifying glass search icon like this though:

  .sidebar-toggle::before {
      content: 'f400';
      font-size: 200%;
      font-weight: bold;
      width: 100px;
  }
  .sidebar-toggle {
      width: 100px;
  }

• 

  mmircetic · Member · Apr 8, 2015 at 5:53 pm

  • Copy link

  That worked like a charm!!!!! Thanks a bunch. One more yhing – I’d like to have a text on the right hand side of my logo. Tag line is usually posted below and it always includes the site name as well which is already in my logo. Can we add something similiar to a tag line (just text) on the right hand side of the logo?

• 

  thesacredpath · Member · Apr 9, 2015 at 6:11 pm

  • Copy link

  We will need to limit this to screens/windows 768px and wider since things go awry when narrower than that. At 767px and narrower, it will go below the logo.

  @media screen and (min-width: 768px) {
  .site-logo-link::after {
      content: "This is my tagline";
      position: relative;
      left: 100px;
      top: -80px;
  }
  }

  If you wish to adjust the color, then add this as well (not within the above, but separately).

  .site-logo-link:after {
      color: #000;
  }