css for search results pages

Viewing 2 replies - 1 through 2 (of 2 total)
  • Gerry

    (@metamezzo)

    Hello, I did a comparison of the search results and archive pages and have the following suggestions as starting point:

    Update your search results template and place the div.wp-pagenavi inside div.navigazione, same as what you have done on the archive page…

    
<div class="navigazione">
  <div class="wp-pagenavi" role="navigation">...</div>
</div>

    Then add the following styles for the search results template…

    
.search-results .navigazione {
  flex-basis: 100%;
}
@media only screen and (min-width: 769px) {
  body.home.search-results {
    padding-top: 38px;
  }
  .search-results .wp-page-navi {
    margin-bottom: 0;
  }
  body.home.search-results div.site {
    padding-top: 0;
  }
  body.home.search-results h1.page-title {
    padding-top: 35px;
  }
}

    I noticed that the light blue background is not aligned properly at the bottom, so the following styles should help on both the search results and archive pages…

    @media only screen and (min-width: 769px) {
  body.archive h1.page-title,
  body.home.search-results h1.page-title {
    margin-bottom: 10px;
  }
}

    Good luck!

    Thread Starter sacconi

    (@sacconi)

    All is perfect ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘css for search results pages’ is closed to new replies.