Archived topic
Show social icons block in "generate_after_logo" hook on mobile
5 replies · Started by Ashutosh on October 2, 2022
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
Hi Ashutosh,
Can you publish the Social icons with after_logo hook? We'll see what's occurring.
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
Hi there,
Try to add this CSS:
.navigation-branding ul.wp-block-social-links {
order: 3;
display: flex !important;
margin-left: 20px;
}It worked! Thank you Ying and Fernando. Appreciate the help!
No problem :)
