jwu97 Posted December 23, 2019 Posted December 23, 2019 Hi All, I'm new to Squarespace and I'm currently trying to change the layout of this home page. I would like to re-arrange the social media links so that they are to the right of WORK, SERVICES, ABOUT, and CONTACT. Is there a way to do this that doesn't involve CSS/html? For reference, the layout we're using is Montage. Thanks, - Jonathan
tuanphan Posted December 23, 2019 Posted December 23, 2019 Can you share link to your site? If you can't, try using Flex & Order. 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!)
jwu97 Posted December 23, 2019 Author Posted December 23, 2019 http://www.ca-arch.com/ Can you tell me more about this Flex & Order? Thanks
tuanphan Posted December 23, 2019 Posted December 23, 2019 2 minutes ago, jwu97 said: http://www.ca-arch.com/ Can you tell me more about this Flex & Order? Thanks Add to Home > Design > Custom CSS .responsive-wrapper.social { display: flex !important; flex-direction: row-reverse; align-items: center; } 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!)
jwu97 Posted December 24, 2019 Author Posted December 24, 2019 Thanks. It fixed the positioning of the social media links, but for some reason, these changes won't save. When I reload/open the page in a new tab, the social medial links will re-appear to the left of WORK, SERVICES, ABOUT and CONTACT. However, If I go back to Home > Design > Custom CSS, the code will still be there and social medial links will suddenly change back to being to the right of the WORK etc.. Any ideas?
tuanphan Posted December 24, 2019 Posted December 24, 2019 13 minutes ago, jwu97 said: Thanks. It fixed the positioning of the social media links, but for some reason, these changes won't save. When I reload/open the page in a new tab, the social medial links will re-appear to the left of WORK, SERVICES, ABOUT and CONTACT. However, If I go back to Home > Design > Custom CSS, the code will still be there and social medial links will suddenly change back to being to the right of the WORK etc.. Any ideas? Try inserting this line to Code Injection Header <style> .responsive-wrapper.social { display: flex !important; flex-direction: row-reverse; align-items: center; } </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!)
jwu97 Posted December 24, 2019 Author Posted December 24, 2019 When I try to insert that code, it says "Syntax Error on line 1".
tuanphan Posted December 24, 2019 Posted December 24, 2019 1 hour ago, jwu97 said: When I try to insert that code, it says "Syntax Error on line 1". Try inserting this line to Code Injection Header NOT Custom CSS 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!)
jwu97 Posted December 24, 2019 Author Posted December 24, 2019 Oof. I misread that. It works now, so thanks so much. If you don't mind me asking a brief follow up question, is there a way to widen the spacing? Thanks alot
tuanphan Posted December 24, 2019 Posted December 24, 2019 2 hours ago, jwu97 said: Oof. I misread that. It works now, so thanks so much. If you don't mind me asking a brief follow up question, is there a way to widen the spacing? Thanks alot <style> .responsive-wrapper.social { display: flex !important; flex-direction: row-reverse; align-items: center; } .sqs-slide-wrapper[data-slide-type="cover-page"] [data-slice-type="navigation"] ul li a { padding-right: .6em !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!)
Recommended Posts
Archived
This topic is now archived and is closed to further replies.