winterkohler Posted January 26, 2023 Share Posted January 26, 2023 Our website (www.great-marriages.org) switches the top navigation links into the hamburger menu when on mobile. I think this is intuitive but we have donors who complain that they can't find the donate button on mobile. Is there a way to make it so that the final navigation link (which goes to our Donate page) can show up on mobile outside of the hamburger menu? As a link or a button or whatever? I'm open to suggestions! Link to comment
Solution tuanphan Posted January 28, 2023 Solution Share Posted January 28, 2023 Add to Settings > Advanced > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <script> $(document).ready(function() { $('nav#mobileNavigation>div:last-child').insertBefore('.force-mobile-nav .mobile-nav-toggle'); }); </script> <style> #logoWrapper + .collection a { color: white; border: 1px solid white; padding: 10px 20px; position: absolute; right: 15vw; top: 8vw; } .force-mobile-nav .mobile-nav-toggle+.collection { visibility: hidden; } </style> Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
winterkohler Posted February 13, 2023 Author Share Posted February 13, 2023 @tuanphan thank you for the help! tuanphan 1 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