Vertical Align Searchbox
Krachtstroom
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
Mehtaz Afsana Borsha
Accepted AnswerHi
Could you please give me your site URL and also screenshot? So that I can check?
-Regards.
Krachtstroom
Accepted AnswerHi 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
Accepted AnswerHi
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
Accepted AnswerHi Mehtaz,
O that was easy :-). I never would have figured it out. Thank you very much!
Mehtaz Afsana Borsha
Accepted AnswerYou are always welcome! Could you please accept my answer and close this post?
It would be very kind of you if you can manage some moment to give us feedback here: https://extensions.joomla.org/extension/sp-page-builder/
https://www.trustpilot.com/review/www.joomshaper.com
Please let me know your name on the review. Thanks for being with us :)