Jump to content

Centering my Header in 7.0

Recommended Posts

  • Replies 7
  • Views 796
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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. 
Or send to forum message

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

Link to comment
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. 
Or send to forum message

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

Link to comment
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
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. 
Or send to forum message

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

Link to comment
  • 11 months later...
On 6/9/2021 at 9:35 PM, 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;
}
}

 

Hi! I'm also looking to center my header on mobile site but it didn't work for either codes. Just wondering if you could help me? Thanks!

IMG_0277.PNG

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.