Centering Site Title on Mobile View

Hello! 

I'm trying to center my site title on mobile view. Right now it's a little to the right. I'm hoping to adjust it without throwing off the desktop version which is centered. 

Thank you!

Chelsea

Could you share your website URL?

Yes, sorry about that! 

http://jones-studio.com

Looks like an interesting setup, changing this property (if you already have it in CSS) or adding it to Custom CSS should help with alignment:

.header-title-text a {
    left: 43.7vw;
}

Hi Ziggy,

Thank you so much. 

That worked beautifully on mobile but then it also changed the desktop and the desktop site title is now sitting a little left. 

Is there a way to add in your code above but only effect mobile? The Desktop site title needs be sitting at '47.7vw' to be centered.

Thank you so much for your help!

Again, the URL is http://jones-studio.com

-Chelsea

@Ziggy Hi ziggy. Checking in on this. Hoping to launch tomorrow. Thank you so much!

On 3/20/2024 at 7:10 PM, cpfullerton said:

Is there a way to add in your code above but only effect mobile? The Desktop site title needs be sitting at '47.7vw' to be centered.

Like this with a simple media query:

@media only screen and (max-width:767px) {
  .header-title-text a {
    left: 43.7vw;
  }
}