Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
jwu97

Relocate Social Media Links

Recommended Posts

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

 

1Capture1.jpg

Share this post


Link to post

Can you share link to your site?

If you can't, try using Flex & Order.


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (promote the establishment of free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
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;
}

 


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (promote the establishment of free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post

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?

Share this post


Link to post
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>

 


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (promote the establishment of free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
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


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (promote the establishment of free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post

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

image.png.d16c0167d4e37381ead3f56e14312253.png

Share this post


Link to post
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

image.png.d16c0167d4e37381ead3f56e14312253.png

<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>

 


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (promote the establishment of free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...