LucyBold Posted November 23, 2023 Share Posted November 23, 2023 Hello there, I will like to add some information at the very bottom of the overlay menu on mobile. Similar to this: example: https://giancarlovalle.com/ Thanks so much in advance! Link to comment
tuanphan Posted November 26, 2023 Share Posted November 26, 2023 Hi, This is possible, but what is your site url? We can help easier 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
LucyBold Posted November 26, 2023 Author Share Posted November 26, 2023 Hi @tuanphan, My site is https://www.lacalifornie.es Thank you for looking into this! Link to comment
tuanphan Posted November 28, 2023 Share Posted November 28, 2023 On 11/26/2023 at 11:41 PM, LucyBold said: Hi @tuanphan, My site is https://www.lacalifornie.es Thank you for looking into this! Hi, Add to red box, or add it under Search input? 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
LucyBold Posted November 28, 2023 Author Share Posted November 28, 2023 Something like this @tuanphan Link to comment
tuanphan Posted November 30, 2023 Share Posted November 30, 2023 Add this to Bottom of Code Injection > Footer <script> $(document).ready(function(){ $('<div class="mobile-custom-info"><p><a href="https://Instagram">Instagram</a><p><p><a href="mailto:abc@gmail.com">Email</a><p></div>').insertBefore('.header-menu-actions.social-accounts'); }); </script> <style> .mobile-custom-info a { font-family: var(--site-navigation-font-font-family); margin-left: 5vw; } </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
LucyBold Posted November 30, 2023 Author Share Posted November 30, 2023 Great! thanks so much @tuanphan can I now add some CSS to adjust tweak type size and spacing between this two new links? Link to comment
tuanphan Posted December 1, 2023 Share Posted December 1, 2023 You can change this code <style> .mobile-custom-info a { font-family: var(--site-navigation-font-font-family); margin-left: 5vw; } </style> to this <style> .mobile-custom-info a { font-family: var(--site-navigation-font-font-family); margin-left: 5vw; font-size: 17px !important; margin-bottom: 20px; } </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
LucyBold Posted December 1, 2023 Author Share Posted December 1, 2023 Thanks for getting into so much detail @tuanphan this is the spacing (in red) i will like to tweak? I can'y make it work with the code you provided. Link to comment
Solution tuanphan Posted December 1, 2023 Solution Share Posted December 1, 2023 I forgot an attribute, use this <style> .mobile-custom-info a { font-family: var(--site-navigation-font-font-family); margin-left: 5vw; font-size: 17px !important; } .mobile-custom-info p:nth-child(2) { display: block !important; margin-top: 40px !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
LucyBold Posted December 1, 2023 Author Share Posted December 1, 2023 Thank you so much @tuanphan 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