Jump to content

Need blog title to be on one line and centered

Go to solution Solved by tuanphan,

Recommended Posts

Hi - I'm sure this is an incredibly easy fix, but I am stumped. I would like my blog title to be on one line and centered. I found some CSS to change the blog title to one line, but then it caused the header/ body of my blog to have slightly different center alignments (example attached).

CSS I was messing around with (not currently being used):

.header-layout-branding-center-nav-center .header-actions--center {
    display: none !important;
}
.header-layout-branding-center-nav-center .header-title-nav-wrapper {
    flex: 0 0 100% !important;
}

Websitehttps://www.amiinthecountry.com/ 

Thank you!

 

 

 

 

Screenshot 2024-10-01 175152.png

Link to comment
  • Replies 2
  • Views 482
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

  • Solution

Space on Left of nav > right of nav, so it causes problem

image.thumb.png.02b484143708ae16eb05d06e85a9eb59.png

Use this extra under your code

div.header-display-desktop {
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.header-layout-branding-center-nav-center .header-title-nav-wrapper {
    margin: 0;
}

.header-layout-branding-center-nav-center .header-actions--left {
    position: absolute;
    left: 0;
}

image.thumb.png.e2104ee3a0e58880dbbab2ad9cf2fda5.png

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

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.