[Resolved] Show social icons block in “generate_after_logo” hook on mobile

Home Forums Support [Resolved] Show social icons block in “generate_after_logo” hook on mobile

Home Forums Support Show social icons block in “generate_after_logo” hook on mobile

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #2361037
    Ashutosh

    I am trying to add a hook element with social icons block in the generate_after_logo hook. It shows up in desktop view but disappears in mobile view. It also swaps places with the logo in sticky navigation. I have tried a bunch of hooks but none of them show up in mobile:

    inside_navigation
    after_primary_menu
    inside_mobile_menu
    inside_mobile_menu_bar
    inside_mobile_header
    menu_bar_items

    Here’s current settings of my site:

    Use navigation as header – Yes
    Mobile header – Off (above issue remains if this is enabled)
    Sticky navigation – On

    #2361056
    Fernando
    Customer Support

    Hi Ashutosh,

    Can you publish the Social icons with after_logo hook? We’ll see what’s occurring.

    #2361217
    Ashutosh

    Hi Fernando,

    Thanks for getting back quickly! I have published the element on page linked below.

    Here’s some screenshots on my PC:

    Desktop view: https://i.imgur.com/CzHB1co.png

    Desktop view with sticky navigation: https://i.imgur.com/VAXPiMV.png

    Mobile view: https://i.imgur.com/j9bpMD1.png

    #2361820
    Ying
    Staff
    Customer Support

    Hi there,

    Try to add this CSS:

    .navigation-branding ul.wp-block-social-links {
        order: 3;
        display: flex !important;
        margin-left: 20px;
    }
    #2361891
    Ashutosh

    It worked! Thank you Ying and Fernando. Appreciate the help!

    #2362179
    Ying
    Staff
    Customer Support

    No problem 🙂

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