Archived topic
Secondary Menus Display Icons Inline
6 replies · Started by Mike on December 11, 2017
After following this post, https://generatepress.com/forums/search/Secondary+Menu+Icons/ I am almost there. However the social media icons display top to bottom, and I would like them to display left to right across the top. Please see mobile version of my site
Is this as clear as mud? LOL
Thanks Tom
Hi there,
Not sure which post you followed? That's a search result link.
Have you tried this? https://docs.generatepress.com/article/disable-secondary-navigation-mobile-menu/
Sorry, about the link mistake. Yes that is the post I followed. It works well, however the icons go from top to bottom, and I would prefer that they display horizontally.
http://i41.photobucket.com/albums/e267/Nevis1/icons.jpg
Sorry about this. Did not see a place to add attachment.
Can you try updating this part of the CSS:
.secondary-navigation .sf-menu>li {
float: none;
display: inline-block !important;
}To this:
#secondary-navigation .sf-menu>li {
float: none;
display: inline-block !important;
}Perfect! The only difference that I see in the CSS is # vs . Must look that up. :)
Yeah the original selector was getting overwritten even with !important so we had to target the ID :)
No problem!
