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
Posted

Can you share your website URL?

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

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Posted

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 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

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

Posted
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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

  • Solution
Posted
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.

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.