Kaira Posted March 29, 2022 Share Posted March 29, 2022 (edited) Site URL: https://www.kairastudios.com/ Hi we have a custom secondary button that displays fine on desktop but is not displaying on mobile menu, can someone take a look and see what is missing? Fine to be stacking below Course Login on mobile, just needs to appear. https://www.kairastudios.com/ Button in question is "Pilates Classes" Desktop: Mobile: Edited March 29, 2022 by Kaira clarification of screenshots Link to comment
Solution tuanphan Posted March 31, 2022 Solution Share Posted March 31, 2022 Hi, Edit this code <script> $( ( ) => { let $cta = $( '.header-actions-action--cta' ); let $newButton = $( '.btn', $cta [ 0 ] ).clone ( ); $newButton.attr ( 'href', 'https://live.kairastudios.com/login' ); $newButton.text ( 'Pilates Classes' ); $cta.append ( $newButton ); } ); </script> to this (I added one more class name) <script> $( ( ) => { let $cta = $( '.header-actions-action--cta, .header-menu-cta' ); let $newButton = $( '.btn', $cta [ 0 ] ).clone ( ); $newButton.attr ( 'href', 'https://live.kairastudios.com/login' ); $newButton.text ( 'Pilates Classes' ); $cta.append ( $newButton ); } ); </script> Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Kaira Posted March 31, 2022 Author Share Posted March 31, 2022 You are a lifesaver - worked like a charm. Thanks so much and thanks for the quick solution. Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment