[Resolved] Insert Search Bar in the footer

Home Forums Support [Resolved] Insert Search Bar in the footer

Home Forums Support Insert Search Bar in the footer

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #1558266
    Sara Genone

    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

    #1558558
    David
    Staff
    Customer Support

    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.

    #1558728
    Sara Genone

    Ok David
    I added the widget as you can see at the bottom of the home page
    https://sviluppo.socialmela.it/sviluppo/
    Thanks
    sara

    #1559183
    Leo
    Staff
    Customer Support
    Give this CSS a shot:
    @media (min-width: 769px) {
        .inside-site-info .footer-bar {
            display: flex;
        }
    }
    #1559869
    Sara Genone

    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

    #1559906
    Elvin
    Staff
    Customer Support

    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;
    }
    }
    #1559999
    Sara Genone

    thanks a lot ๐Ÿ™‚
    sara

    #1560001
    Sara Genone

    c

    #1562541
    Elvin
    Staff
    Customer Support

    No problem. ๐Ÿ™‚

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.