SteveMcB Posted March 10 Share Posted March 10 Trying to have my tagline automatically center between the logo on the left and navigation buttons on the right but then not show up on the mobile version of my site. Link to comment
sorca_marian Posted March 10 Share Posted March 10 Website address? 👨🔧👨💻 Contact me for development and design work - Freelancer Software engineer, Architect, and Designer UI/UX 🙋♂️ Squarespace Custom Web Development & Design 📅 Manage Tasks, Take Notes, and Upload Related Images 📹 Squarespace Tutorials for free - YouTube📹 💯🚀 I have worked on over 200 Squarespace sites with custom code for over 9 years 🙋♂️ Let's connect on LinkedIn Link to comment
SteveMcB Posted March 10 Author Share Posted March 10 (edited) 2 minutes ago, sorca_marian said: Website address? https://bamboo-sealion-e3az.squarespace.com/ Edited March 10 by SteveMcB Link to comment
Solution sorca_marian Posted March 10 Solution Share Posted March 10 (edited) Add the below code in Custom CSS, at the bottom, below all existing code .header-title { flex-grow: 20; } .header-title-logo { display : flex; align-items : center; } .header-title-logo a { flex-basis : 227px; flex-shrink: 0; } .header-title-logo::after { width: 100%; padding : 0!important; text-align : center; } @media (max-width: 767px) { .header-title-logo::after { display: none; } } Edited March 10 by sorca_marian 👨🔧👨💻 Contact me for development and design work - Freelancer Software engineer, Architect, and Designer UI/UX 🙋♂️ Squarespace Custom Web Development & Design 📅 Manage Tasks, Take Notes, and Upload Related Images 📹 Squarespace Tutorials for free - YouTube📹 💯🚀 I have worked on over 200 Squarespace sites with custom code for over 9 years 🙋♂️ Let's connect on LinkedIn Link to comment
SteveMcB Posted March 10 Author Share Posted March 10 4 minutes ago, sorca_marian said: Add the below code in Custom CSS, at the bottom, below all existing code .header-title { flex-grow: 20; } .header-title-logo { display : flex; align-items : center; } .header-title-logo a { flex-basis : 227px; flex-shrink: 0; } .header-title-logo::after { width: 100%; padding : 0!important; text-align : center; } @media (max-width: 767px) { .header-title-logo::after { display: none; } } THANK YOU! sorca_marian 1 Link to comment
sorca_marian Posted March 10 Share Posted March 10 😀 👨🔧👨💻 Contact me for development and design work - Freelancer Software engineer, Architect, and Designer UI/UX 🙋♂️ Squarespace Custom Web Development & Design 📅 Manage Tasks, Take Notes, and Upload Related Images 📹 Squarespace Tutorials for free - YouTube📹 💯🚀 I have worked on over 200 Squarespace sites with custom code for over 9 years 🙋♂️ Let's connect on LinkedIn 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