[Support request] Modify foter

Home Forums Support [Support request] Modify foter

Home Forums Support Modify foter

  • This topic has 5 replies, 4 voices, and was last updated 2 months ago by Fernando.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #2244934
    Matt

    How do I modify the footer like the below screenshot? I was able to add the logo and menu with footer widgets but can’t figure out the bottom part.

    footer

    #2245005
    David
    Staff
    Customer Support

    Hi there,

    if you add the social icons to the Widgets > Footer Bar
    Once there let me know and i can provide some CSS to align them if required.

    OR alternatively build the whole footer with a block element:

    https://docs.generatepress.com/article/block-element-site-footer/

    #2245208
    Matt

    Icons are added.

    #2245304
    Ying
    Staff
    Customer Support

    Try this CSS:

    .site-footer.footer-bar-active .inside-site-info {
        flex-direction: row-reverse;
        justify-content: space-between;
    }
    #2245329
    Matt

    Thanks.

    How do I have the icons go below or above when mobile?

    #2245562
    Fernando
    Customer Support

    Hi Matt,

    Here’s a CSS you may try adding through Appearance > Customize > Additional CSS:

    @media (max-width: 768px) {
        .site-footer.footer-bar-active .inside-site-info {
            flex-direction: column;
        }
    }

    If you want to put the icons under, use this instead:

    @media (max-width: 768px) {
        .site-footer.footer-bar-active .inside-site-info {
            flex-direction: column-reverse;
        }
    }

    You can add spacing to the Blocks on mobile through switching the view: https://share.getcloudapp.com/rRuOn8mo

    Hope this clarifies!

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