sofia62 Posted May 21 Share Posted May 21 I would like to move my currency converter to the footer of my page, on the right of the search bar. My website is: www.voodoo-warehouse.com . Thanks in advance! Link to comment
sofia62 Posted May 21 Author Share Posted May 21 I would like to have it in both views, mobile and desktop Link to comment
tuanphan Posted May 23 Share Posted May 23 Try this code to bottom of Code Injection > Footer <script> $(document).ready(function(){ $('#currencyMob').clone().insertBefore('footer.sections'); }); </script> <style> main#page ~ select#currencyMob { position: fixed !important; right: 20px; bottom: 100px; z-index: 9999999; display: block !important; } </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
sofia62 Posted May 23 Author Share Posted May 23 the thing now is that the currency converter is now floating next to the chat widget that I have instead of being fixed in the footer Link to comment
tuanphan Posted May 24 Share Posted May 24 Remove the code & use this <script> $(document).ready(function(){ $('#currencyMob').clone().insertAfter('footer.sections .search-block'); }); </script> <style> .fe-block-yui_3_17_2_1_1716303906683_3968 { display: flex; align-items: center; } footer.sections select#currencyMob { display: block !important; } </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
sofia62 Posted May 24 Author Share Posted May 24 It looks great, now how can I remove it from the header to only display it on the footer? thanks Link to comment
Solution tuanphan Posted May 25 Solution Share Posted May 25 21 hours ago, sofia62 said: It looks great, now how can I remove it from the header to only display it on the footer? thanks Try this code under <style> header#header #currencyMob { display: none; } </style> sofia62 1 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment