How to change the title position?

Hello,

Please can you tell me how to change the title position ?
I find it too high…

Thanks

leportraitpro.fr

Hello there,

It seems your site is being password protected. It prevents me to access it. Please send the password to my email kharisblank at gmail dotcom with the link to this topic.

If possible, please create a screenshot with an annotate of where the “title” is actually located on.

Regards,
Kharis

Hello there,

Thank you for allowing me to access your site.

Could you please try to apply the following CSS code through the Simple Custom CSS plugin or child theme’s style.css?

#masthead .welcome-info {
  margin-top: -192px;
  top: 50%;
  -webkit-transition: translateX(-50%) translateY(-50%);
  -moz-transition: translateX(-50%) translateY(-50%);
  -o-transition: translateX(-50%) translateY(-50%);
  transition: translateX(-50%) translateY(-50%);  
}  


@media only screen and (min-width:1128px){
 
  #masthead .welcome-info {
   margin-top: -48px;
  }  
  
}

@media only screen and (min-width:602px){
 
  #masthead .welcome-info {
   margin-top: -96px;
  }  
  
}

Let me know how it goes.

Regards,
Kharis

Thank you, it works great :wink:

Dear Antoine,

Thank you for updating me.

I am glad to know that it works.

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis

Hello,

which values should I modify to change the position on a big screen ?
I find it still a little bit high…

thanks you

Hello there,

Try to change the margin-top value within the following lines:

@media only screen and (min-width:1128px){
 
  #masthead .welcome-info {
   margin-top: -48px;
  }  
  
}

Regards,
Kharis

Thanks but it doesn’t change anything…

Hello there,

Thank you for updating me.

In what screen resolution is that? You check it here http://www.whatismyscreenresolution.com

Regards,
Kharis

1440x900

Try to use the following code:

@media only screen and (min-width:1128px){
 
  #masthead .welcome-info {
   margin-top: -48px !important;
  }  
  
}

Please clear your browser’s cache before reloading your site.

Let me know how it changes anything.

If it didn’t give any changes, would you mind to share your URL here?

Regards,
Kharis

It works !

Thank you for your help

Great!

You’re always welcome.

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis