Archived topic
Moving 'Lightweight Social Icons widget' next to the top right corner
3 replies · Started by Kir29 LLC on May 11, 2020
Hi,
We are using the same mobile heather option across all devices (same for mobile/tabled/desktop) at the moment with the Menu (left) / Logo (right) / Search disable (see previous support call https://generatepress.com/forums/topic/desktop-mobile-identical-menu-generatepress/)
We would like to move our 'Lightweight Social Icons widget' from the 'Footer Bar' next to the top logo to have a arranged the Menu (left) / Logo (center) / Social Media widget (left).
Could you please advise how to move 'Lightweight Social Icons widget' to the top right?
Thank you
PS: Staging site: http://tm5.765.myftpupload.com/
Hi there,
Not very easy as there is no widget area there.
You'd need to use a plugin like this so you can insert widget as a shortcode:
https://en-ca.wordpress.org/plugins/widget-shortcode/
Then add the shortcode using the inside_navigation hook with a hook element:
https://docs.generatepress.com/article/hooks-element-overview/
And use the built-in hide-on class so it only displays on mobile:
https://docs.generatepress.com/article/responsive-display/#using-our-hide-on-classes
I'll also mention that the mobile header definitely doesn't have enough room for the toggle, logo plus 6 icons so you might want to reconsider the layout:
https://www.screencast.com/t/MF8PWGyL7mh
It sounds very complex. Thanks anyway
No problem :)
