[Resolved] Secondary Menus Display Icons Inline

Home Forums Support [Resolved] Secondary Menus Display Icons Inline

Home Forums Support Secondary Menus Display Icons Inline

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #446936
    Mike

    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

    #447032
    Leo
    Staff
    Customer Support

    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/

    #447123
    Mike

    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.
    Icons

    #447125
    Mike

    http://i41.photobucket.com/albums/e267/Nevis1/icons.jpg

    Sorry about this. Did not see a place to add attachment.

    #447156
    Leo
    Staff
    Customer Support

    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;
    }
    #447164
    Mike

    Perfect! The only difference that I see in the CSS is # vs . Must look that up. ๐Ÿ™‚

    #447190
    Leo
    Staff
    Customer Support

    Yeah the original selector was getting overwritten even with !important so we had to target the ID ๐Ÿ™‚

    No problem!

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.