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

Centering my Header in 7.0


Raynaajai

Question

  • Answers 5
  • Created
  • Last Reply

Top Posters For This Question

5 answers to this question

Recommended Posts

  • 0
20 hours ago, Raynaajai said:

Site URL: https://thegirlwhocanbemoved.com

Hello, I was able to do this on 7.1 but not on my 7.0 site that I am currently building. I would like to center my header. specifically my nav in desktop and my logo in tablet and mobile view. 

"Center"  - Can you describe in detail?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Open Page Header - Upload Custom Font - Upload File - Find Block ID, Data Section ID - Contact Squarespace Customer Care - Learn CSS at W3Schools

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0
12 hours ago, tuanphan said:

"Center"  - Can you describe in detail?

In mobile view my sites logo is off center. I would also love to see the logo in the middle of the navigation instead. 

Link to comment
  • 0
22 hours ago, Raynaajai said:

In mobile view my sites logo is off center. I would also love to see the logo in the middle of the navigation instead. 

Add to Design > Custom CSS

/* Mobile logo */
@media screen and (max-width:640px) {
.site-branding {
    text-align: center;
    justify-content: center !important;
    position: relative;
    left: -24px;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Open Page Header - Upload Custom Font - Upload File - Find Block ID, Data Section ID - Contact Squarespace Customer Care - Learn CSS at W3Schools

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0
22 hours ago, tuanphan said:

Add to Design > Custom CSS


/* Mobile logo */
@media screen and (max-width:640px) {
.site-branding {
    text-align: center;
    justify-content: center !important;
    position: relative;
    left: -24px;
}
}

 

That worked thank you so much!!!!!!!!!!!!!!!! I have one last question. Do you know how to have the site wide background color not apply to a certain page?

Link to comment
  • 0
6 hours ago, Raynaajai said:

That worked thank you so much!!!!!!!!!!!!!!!! I have one last question. Do you know how to have the site wide background color not apply to a certain page?

Can you share link to page where you want to disable color?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Open Page Header - Upload Custom Font - Upload File - Find Block ID, Data Section ID - Contact Squarespace Customer Care - Learn CSS at W3Schools

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

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