Change vertical footer to horizontal footer

[shailesh]

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

[Leo]

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 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[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

[David]

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.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[shailesh]

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

[shailesh]

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

[David]

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

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[shailesh]

Just added it.
Look at the issue now.

[David]

Add this CSS:

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

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[shailesh]

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

[David]

Glad to be of help 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[shailesh]

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

[Elvin]

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?"

[Author]

Posts