Search bar

• 

  marquismoderator · Member · Apr 7, 2017 at 3:47 pm

  • Copy link
  • Add topic to favorites

  Hey, so the template I’m using confines me to a footer widget for my search bar. Any way I can move this to the top of my page? Thanks!

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

• 

  thesacredpath · Member · Apr 7, 2017 at 9:44 pm

  • Copy link

  Hmmm, with the way that Marquee is structured, we can do this for screens 1024px and wider. Below that, if I apply this code, the entire widget area goes wonky. Go to Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS and test it out and see what you think.

  @media screen and (min-width: 1024px) {
  .home-widgets {
    position: initial;
  }
  #search-3 {
    position: absolute;
    top: 0;
    width: 100%
  }
  #search-3 .widget-title {
    display: none;
  }
  .home .site-content {
    margin-top: 40px
  }
  }