Archived topic
Insert Search Bar in the footer
8 replies · Started by Sara Genone on November 30, 2020
Hi all
I'm interested to reproduce the same footer of this web site
https://www.ddsinvestigazioni.it/
Now I'm at this point - https://www.dropbox.com/s/fknhbh26geah4jc/search%20bar%20in%20the%20footer.png?dl=0
The web site is this: https://sviluppo.socialmela.it/sviluppo/
How can I insert the search bar as in the image below? And also the social links if possible?
Thank you
Sara
Hi there,
add a search widget to the footer bar, once thats in place let me know and ill provide the CSS to set the layout.
Ok David
I added the widget as you can see at the bottom of the home page
https://sviluppo.socialmela.it/sviluppo/
Thanks
sara
Give this CSS a shot:
@media (min-width: 769px) {
.inside-site-info .footer-bar {
display: flex;
}
}
Hi Leo
Thank you
but as you can see the layout is changed and is not correctlt aligned .
https://sviluppo.socialmela.it/sviluppo/
the search bar could be aligned to the right bottom side of the page?
Thank you
sara
Hi,
You can try modifying Leo's CSS a bit.
Try this:
aside#search-5 {
align-items: flex-end;
display: flex;
justify-content: flex-end;
}
@media (min-width: 769px){
.inside-site-info .footer-bar {
display: flex;
width: 100%;
justify-content: space-between;
}
}
thanks a lot :)
sara
c
No problem. :)