[Resolved] Social Media Bar/Menu/Mobile

Home Forums Support [Resolved] Social Media Bar/Menu/Mobile

Home Forums Support Social Media Bar/Menu/Mobile

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1612836
    Robb

    Hello

    my site is https://robbwallace.co.uk

    I have my social channels floating right on my desktop menu.
    In mobile, they used to form a horizontal line on the menu under podcast. Recently after an update (I do not know which or what) it now displays each channel vertically.

    Is there a way for me to display my social channels horizontally in one row of the mobile menu? Or above/below the mobile menu. Any solution that saves some space so customers can still see aspects of the screen.

    Thanks
    Robb

    #1612951
    David
    Staff
    Customer Support

    Hi there,

    you would need some CSS to allow the social menu icons to display horizontally – try this:

    @media (max-width: 768px) {
        #mobile-header.toggled .main-nav > ul {
            display: flex !important;
            flex-wrap: wrap;
        }
        #mobile-header.toggled .main-nav > ul >  li:nth-child(-n+6) {
            flex: 1 0 100%;
        }
    }

    This part of the CSS: li:nth-child(-n+6) defines the 100% width should only apply to the fist 6 main menu items. Any items after that will form a row.

    #1614870
    Robb

    Hello David

    Legend, that worked a treat. All resolved.
    Much appreciated sir.

    Robb

    #1615417
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.