Archived topic
Align Social Media Icons in Mobile Nav Menu using Off Canvas Panel
5 replies · Started by Glenda on August 19, 2021
I was able to use the Off Canvas Panel to create my Mobile Navigation Menu. I successfully added social icons at the bottom, but they are aligned vertically, rather than horizontally on the same line. Is this an issue with the widget or my social icons plugin? How can I align them horizontally?
Thanks! https://glendaembree.com
Hi Glenda,
Give this CSS a try:
.slideout-navigation .slideout-widget.simple-social-icons ul li {
display: inline-block;
}Adding CSS: https://docs.generatepress.com/article/adding-css/
Let me know :)
Thanks, Ying! I appreciate you getting back to me. Unfortunately, it hasn't worked. I've left the css in place, in case you can think of what I may have done incorrectly.
Have you cleared cache after the CSS has been added? :)
I don't see the CSS on your site yet.
Let me know.
Yes, cache was cleared. I did get it though. For some reason the Custom CSS area in customize is not functioning for me. I installed Custom CSS & JS plugin and put the code in there. It works like a dream! Thank you so much!
Glad it's working now :)
There might be some formatting errors in the CSS that you previously added to customizer > additional CSS.
You can use a tool like this to check the errors:
https://jigsaw.w3.org/css-validator/
Hope that's helpful!
