[Resolved] How to make a header with the Ajax search bar

[Gerdo]

Hello,

Please could you explain How to make a header like in the Prime theme?

I’ve tried so far: Solmag

Best regards,
Duncan

[David]

Hi there,

is the alignment ?
If so add this CSS:

.inside-header {
    display: flex;
    align-items: center;
}
.inside-header .dgwt-wcas-search-wrapp {
    margin-right: unset ;
}

[Gerdo]

Hello David,

Thank you for your response!

I like to create the exact same header layout.

Logo/Searchbar/Text (Login)

[Ying]

Are you asking how to add the text(login) after the search bar?

If so, you can create a hook element at appearance > elements, add the text, setentire site as the location, and choose generate_after_header_content as the hook name.

If the text appears before the search bar, you can try increasing the element’s priority value, eg. 20 instead of 10 (the default value).

Let me know if this helps!

[Author]

Posts