Search box not in alignment

Hi Tracy,

Thanks for getting in touch. The issue you’re having is to do with your theme’s css. Do you have any way of adding styling rules? If not, I’m afraid I can’t help you as it is down to your theme having overly specific styles. On the other hand, if you can add css, simply put in:

.bop-nav-search label {
  line-height: 120px !important;
}

to match what you currently have for the anchor links you have in the rest of the menu.

Cheers,
Joe

PS There are probably plugins that’ll give you some css styling access; I haven’t used any so can’t give a recommendation.

Hey Joe, thanks for the response. That makes sense. My theme does have a location to input custom CSS. I used it for a few things previously from the developer. However the code that I input for this does not have any effect. :/

Hi.

As far as I can tell, the changes aren’t coming through to the frontend site. Are you using a caching plugin or anything like that? If so, you may have to flush it in order for changes to come through.

Also, if you can make changes, you may well find it better to use padding on the ul element rather than using line-height on the anchors. You may want to filter out screen reader only content too.

ul#menu-main-menu{
  padding-top: 50px;
}

ul#menu-main-menu li a{
  margin-top: 5px;
  padding-left: 0px;
  padding-right: 0px;
}

.navbar-nav>li>a{
  line-height: 20px !important;
}

ul#menu-main-menu  li{
  padding-left: 15px;
  padding-right: 15px;
}

.screen-reader-text{
  height: 0;
  width: 0;
  overflow: hidden;
}

You may want to tweak the values to fit best.

Hope this helps.

Cheers,
Joe