Archived topic
Logo + search
9 replies · Started by Stefano on March 17, 2021
Hi, I would like to understand how I can do in the header to add the search bar which is managed by Ajax Search Lite plugin
The result should be logo on the left and search box. Via widget the position is not good. Thank you
Hi there,
can you share a link to your site with the Search in the Header Widget - then i can provide a fix.
Hi,
here: http://www.sbfumetti.com
Can you move the search bar into the Header Widget ?
Just made. Thank you
Do you want to make the Search field wider ?
Starting from the left I would like the logo and immediately after the search field enlarged for the entire header. From mobile that the logo is above. Thank you
Hi Stefano,
Try this CSS:
.header-widget {
flex: 1;
max-width: 100%;
padding-left: 20px;
}
.site-logo {
order: -1;
}
.inside-header.grid-container.grid-parent {
display: flex;
}
@media (max-width: 768px) {
.inside-header.grid-container.grid-parent {
flex-direction: column;
}
}Thank you
No problem :)
