[Support request] Change vertical footer to horizontal footer

Home Forums Support Change vertical footer to horizontal footer

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #1344012
    shailesh

    I want to make my footer horizontaally alignment. There is no option provided.
    lease help me.

    #1344069
    Leo
    Staff
    Customer Support

    Hi there,

    I’m not sure if I understand.

    Have you tried using footer widgets instead of footer bar widgets?
    https://docs.generatepress.com/article/footer-widgets/

    Let me know πŸ™‚

    #1344119
    shailesh

    I want to add my website name with copy right and pages like contact us, privacy policy and disclaimer in footer.
    Whenever I add those pages they align horizontally.
    I want to those pages and website with copyright in a single line (in footer).
    for example:
    %copy%website.com Privacy policy Disclaimer Contact us

    #1344359
    David
    Staff
    Customer Support

    Hi there,

    Add a Navigation Widget to the the Footer Bar widget area, then let me know if need to help with some CSS to align links.

    #1344414
    shailesh

    I did it. But I want my ‘Contact Us, Disclaimer’ page in a line of %copy%webistename.com line.I want same footer like this.

    #1344415
    shailesh

    https://ibb.co/Hqry00n
    refer this image.
    I want same footer like this.

    #1344563
    David
    Staff
    Customer Support

    If you can add the Navigation Widget with your menu items then i can take a look at the issue.

    #1344600
    shailesh

    Just added it.
    Look at the issue now.

    #1344605
    David
    Staff
    Customer Support

    Add this CSS:

    @media(min-width: 769px) {
        .footer-bar-align-center .copyright-bar {
            float: left;
        }
        .footer-bar .widget.widget_nav_menu {
            float: right;
        }
    }
    #1344615
    shailesh

    You are awesome.
    Hopefully you will not have suffered too much. (hehe)
    Love your support.
    Thanks!!!

    #1344617
    David
    Staff
    Customer Support

    Glad to be of help πŸ™‚

    #1463018
    shailesh

    Hi David,
    I just open my new site bestdog.in
    Tell me how to align footer pages horizontally?

    #1463032
    Elvin
    Customer Support

    Hi Shailesh,

    You can try this CSS code to align your About Us and Contact Us footer links.

    .footer-bar > #pages-2 > ul {
        display: flex;
        flex-direction: row;
    }
    
    .footer-bar > #pages-2 > ul > li {
        margin-left: 15px;
    }

    Let us know if it works for you. πŸ˜€

    A wise man once said:
    "Have you cleared your cache?"

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