search form at site header like previous

[junedParticipant]

Thanks for creating such a strong product. Since I am first time using your plugin, I am finding initial hiccups to match it with my previous choice which I set with Fibosearch plugin at my site.

I want to set search form similar to what I am having at my sites header for mobile and desktop both. Please guide me how to achieve this?

My theme support team helped me to achieve that with following css:

.dgwt-wcas-no-submit .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
border-radius: 24px;
}

.inside-header {
justify-content: space-between;
}

@media (max-width: 768px) {
.inside-header.grid-container {
flex-direction: row;
}
.gb-button-wrapper.gb-button-wrapper-1ed5f52b {
flex-wrap: nowrap;
}
}

@media (max-width: 768px) {
.menu-bar-items {
flex: 1;
}
}

.dgwt-wcas-search-wrapp {
width: auto;
}

Kindly help me. Thanks in advance.

[Ernest MarcinkoKeymaster]

Hi,

Thank you very much for the details!

I am currently seeing our plugin in the header, it looks like this: https://i.imgur.com/C3Xvv95.png
This custom CSS code mostly only does alignment. Do you have maybe a screenshot of the original search bar and how it looked?
I might be able to suggest changes on the back-end or custom CSS if needed.

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[Author]

Posts