Archived topic
Splitting Footer Nav Menu into Two Columns
5 replies · Started by Joe on January 25, 2018
Hello,
I'm trying to split a menu in the footer widgets into two columns, within one of the four widget areas.
I currently have the menu in two separate Navigation Menu widgets within one area.
How can I make them display beside eachother?
Thank you!
Joe
Hi there,
Hmm can you try creating 2 columns within that widget:
https://docs.generatepress.com/article/creating-columns/#using-built-in-unsemantic-grid
Then create two separate menu for each column,
Then use Widget shortcode to add them using HTML widget:
https://en-ca.wordpress.org/plugins/widget-shortcode/
I'm not sure if you would have enough room but it's worth a shot.
That's perfect — thank you Leo!
No problem :)
Hello again,
So, the solution you gave works perfectly at screen-widths of 1026px and above, but below 1025px width the two menus display vertically, even though there is space for them to display horizontally, and I have the columns in unsemantic grid set to "grid-50 tablet-50 mobile-50"
http://quirktools.com/screenfly/#u=http%3A//incandenza.net/BoA_TC_DEV/&w=1026&h=1280&s=1
http://quirktools.com/screenfly/#u=http%3A//incandenza.net/BoA_TC_DEV/&w=1024&h=1280&s=1
I haven't been able to find the CSS that is causing this. Can you advise, please?
Try tablet-grid-50 mobile-grid-50 instead of tablet-50 mobile-50
