Vertical align searchbox - Forum | JoomShaper
Solved Helix Framework

Vertical align searchbox

Asked by Krachtstroom 4 years ago Last activity 4 years ago

Hi Joomshaper,
I'd like to have a searchblock in my header. Logo on the left, navigation and searchbox on the right. So I split the header in 3-6-3 columns and put the Search module in the right column.

But this box is attached to the top, where the logo and the navigation are vertical centered. Tried several things to align this box centered too but with no success.

Any idea which css I need to accomplish that?

Hope to hear soon.

Kind regards

Accepted answer

Marked as the solution
Mehtaz Afsana Borsha Staff

Hi

Could you please give me your site URL and also screenshot? So that I can check?

-Regards.

6 more replies

Krachtstroom Asked this

Hi Mehtaz,

Not really sure how to send you a screenshot but I think the url makes it clear to you. Site is in early stage of development.

Regards

Mehtaz Afsana Borsha Staff

Hi

You can use this custom CSS

.awesomplete{
     position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

Krachtstroom Asked this

Hi Mehtaz,

O that was easy :-). I never would have figured it out. Thank you very much!

Krachtstroom Asked this

How to close this ticket?

Mehtaz Afsana Borsha Staff

No issue it is close now as you acceptec the answer.

Thank you.

Log in to reply.