kwerling Posted September 26, 2023 Share Posted September 26, 2023 On my site cover page, I'd like to move the LinkedIn icon to the right of the "View my past work" and "Contact me" buttons, instead of on the left like it is now. How do I do that? Here is my site: https://www.kwerling.com/ Link to comment
tuanphan Posted October 1, 2023 Share Posted October 1, 2023 Add to your Cover Page Settings > Advanced > Code Injection Header <style> .sqs-slide-wrapper[data-slide-type="cover-page"] .responsive-wrapper { display: flex !important; flex-direction: row-reverse !important; } .sqs-slide-wrapper[data-slide-type="cover-page"] .responsive-wrapper .sqs-slice { margin-left: 15px !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
kwerling Posted October 3, 2023 Author Share Posted October 3, 2023 Thank you! It worked perfectly and looks great on desktop. However, on mobile, the 2 buttons are now narrow and sitting too far to the right of the screen, with the social icon floating next to them. (See first attached image.) Any way to make the mobile view look more like its original presentation, just with the social icon on the bottom of the CTA stack? (see second attached image) Thank you for your help! Link to comment
Solution tuanphan Posted October 7, 2023 Solution Share Posted October 7, 2023 Remove my code & use this code <style> @media screen and (min-width:901px) { .sqs-slide-wrapper[data-slide-type="cover-page"] .responsive-wrapper { display: flex !important; flex-direction: row-reverse !important; } .sqs-slide-wrapper[data-slide-type="cover-page"] .responsive-wrapper .sqs-slice { margin-left: 15px !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
kwerling Posted October 11, 2023 Author Share Posted October 11, 2023 This worked great, 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