- This topic has 11 replies, 4 voices, and was last updated 4 months, 2 weeks ago by
Leo.
-
AuthorPosts
-
September 7, 2020 at 1:54 am #1433606
Amit
I’ve tried the Footer menu layout to center, left and right. But the footer nav links align themselves to right on mobile and I can’t just figure out what’s wrong. How can I center them?
September 7, 2020 at 2:52 am #1433670David
StaffCustomer SupportHi there,
try this CSS:
@media(max-width: 1024px) { .site-info .inside-site-info { display: flex; flex-direction: column; align-items: center; } }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 7, 2020 at 7:25 am #1433941Amit
Nothing happened David with this code. I hope you got what I needed – the nav items About, Privacy, Terms, Coffee Blog and Contact links at the bottom right of screen. This are not aligned properly on mobile.
September 7, 2020 at 8:37 am #1434151David
StaffCustomer SupportWhere did you add the CSS?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 7, 2020 at 9:54 am #1434262Amit
In the customize>css
September 7, 2020 at 2:22 pm #1434469Tom
Lead DeveloperLead DeveloperCan you disable any caching/minifying plugins so we can inspect your code? Right now it doesn’t seem like the code David provided is applying to the element.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentSeptember 9, 2020 at 3:47 am #1436318Amit
I am so sorry for being late…You can check now
September 9, 2020 at 6:12 am #1436463David
StaffCustomer SupportIt looks to be working now – try clearing your browser cache to see.
I have also updated the CSS here:
https://generatepress.com/forums/topic/how-to-align-mobile-footer-menu-to-center/#post-1433670
To make a little more ‘specific’ which should overcome any issues the Cache is causing.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 9, 2020 at 7:52 am #1436802Amit
I still see the footer bar items as right aligned – https://paste.pics/efb54e76eb8cdf677dd4f215275b8371
September 9, 2020 at 8:14 am #1436839Leo
StaffCustomer SupportTry this CSS as well:
@media (max-width: 768px) { .footer-bar .widget_nav_menu li:first-child { margin-left: 10px; } .footer-bar .widget_nav_menu li:last-child { margin-right: 10px; } }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 9, 2020 at 9:11 pm #1437454Amit
Hey Leo, this one worked up. I tweaked it a little as since the code was working dynamically –
@media (max-width: 768px) { .footer-bar .widget_nav_menu li:last-child { margin-right: 8%; } }
September 9, 2020 at 9:12 pm #1437456Leo
StaffCustomer SupportGlad to hear 🙂
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.