Jump to content

Move header social icons and button inside Sitle Title div wrapper

Go to solution Solved by loylabel,

Recommended Posts

Posted (edited)

Hello, is it possible to move the social icons in header and the Button into the Sitle Title/Logo div wrapper? (cause that way seems like to be the only way to properly configure my header the way I want. And NO, changing the header style in preset styles doesnt work cause then the nav will overlay the Button/Social Icons since its nowrap.

Picture below.

1.JPG

Edited by loylabel
Link to comment

I thought I knew I way to do this, but it doesn't seem to work. I think I'd need a different approach, I'll let you know if I find anything.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
52 minutes ago, Ziggy said:

I thought I knew I way to do this, but it doesn't seem to work. I think I'd need a different approach, I'll let you know if I find anything.

Yes, it's tricky... I think what needs to be done is to add html code... put the social and button divs into the site title wrapper, but I have no clue how to do that...

Link to comment
On 5/15/2023 at 7:10 PM, loylabel said:

Hello, is it possible to move the social icons in header and the Button into the Sitle Title/Logo div wrapper? (cause that way seems like to be the only way to properly configure my header the way I want. And NO, changing the header style in preset styles doesnt work cause then the nav will overlay the Button/Social Icons since its nowrap.

Picture below.

1.JPG

The better way is using script code move it 

But you can also consider using CSS position to move it, but this way, will need to adjust on all screen sizes.

If you share link to your site, we can check easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • Solution
On 5/19/2023 at 10:46 AM, tuanphan said:

The better way is using script code move it 

But you can also consider using CSS position to move it, but this way, will need to adjust on all screen sizes.

If you share link to your site, we can check easier

hey Tuan, I bought a plugin for a secondary nav bar... 

https://www.will-myers.com/products/p/secondary-navigation-for-squarespace-71

it solved the issue with this plugin.

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.