add social media buttons to mobile menu

[florine]

hi dear Lay Theme team

For the phone layout of the website https://www.johannapaerli.ch/journal
I would like to add the social media buttons (for now placed with css as a fixed element on every page) to the mobile menu, so they only show up when you open the menu-layer.

ist there a possibility to do this?
writing a css code that hides them on all pages also makes them disappear on the mobile menu, so I guess I would need some extra code to make them remaining visible in the menu.

Thanks for your help!
Best,
Florine

[Richard]

Dear Florine

@florine

This may not be the most graceful way to do it, but maybe it works for you 🌝

The following code clones your social-media group and adds it after the last menu element "uber mich"

jQuery('#handyrow').clone().insertAfter('#menu-item-388');

Result:

There would need to be some changes to the handyrow css:

.mobile-nav #handyrow {
        position: initial;
        top: 0;
        left: 1.5%;
        z-index: 40;
}

You can specify it only to apply to the handy-row within the menu by adding .mobile-nav beforehand.

Hopefully if this isn't exactly whats needed it still helps you in the right direction Florine ⭐️

---

best wishes

Richard