saraeknudsen Posted June 9, 2023 Posted June 9, 2023 My client wants to add a CTA button to the mobile header only at streeterflynn.com. His website is still using 7.0. Does anyone have any css that would accomplish this?
tuanphan Posted June 11, 2023 Posted June 11, 2023 Add button here? 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!)
Solution tuanphan Posted June 13, 2023 Solution Posted June 13, 2023 Add to Settings > Developer Tools > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script> <script> jQuery(document).ready(function($){ $('<a href="/store/streeter-flynn-vodka-750-ml" class="mobile-btn">Buy Oneline</a>').appendTo('div.Mobile-bar [data-nc-container="top-center"]'); }) </script> <style> div.Mobile-bar [data-nc-container="top-center"] { display: flex !important; } a.mobile-btn { background: #fff; color: #42708a !important; padding: 11px 9px !important; font-weight: 400; } </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!)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment