Trying to centre project title and description but only on the mobile version of the site

Site URL: http://www.sandydakersphotography.com

Hi everyone, I'm struggling to centre some of the text on the mobile version of my site only. I'm happy with the layout on desktop however I'd like the project title and description on mobile to display centred. Any help would be greatly appreciated, thankyou. I'm using Mantauk Template.

I'm a little confused. The text is centered on mobile and desktop.

Did you solve the issue?

2 hours ago, creedon said:

I'm a little confused. The text is centered on mobile and desktop.

Did you solve the issue?

I didnt no, its the gallery title and descriptions I'm trying to centre on mobile, im happy with the site title

Add the following to Design > Custom CSS.

@media only screen and ( max-width : 767px ) {

  #projectPages .project-meta {
  
    text-align : center;
    
    }
    
  #projectPages h2.project-title {
  
    display : block;
    text-align : center;
    
    }
    
  }

This is for v7.0 using the Montauk template family.

Let us know how it goes.

8 hours ago, creedon said:

Add the following to Design > Custom CSS.

@media only screen and ( max-width : 767px ) {

  #projectPages .project-meta {
  
    text-align : center;
    
    }
    
  #projectPages h2.project-title {
  
    display : block;
    text-align : center;
    
    }
    
  }

This is for v7.0 using the Montauk template family.

Let us know how it goes.

that worked a treat, thankyou so much, i appreciate the response