Hi,

This can be done easily with a custom css code.

I can send you if you give me a URL to check this.

this is an example of mobile editing css

@media (max-width:767px){
   .{class of an element that will change} {
       font-size:20px;
   }
}

Check this:

@media (max-width:767px){
   .header_page.normal h1{
       font-size:14px;
   }
}

Sorry I misunderstood you

add this:

@media (max-width:767px){
   .header_page.with_subtitle.centered .titles h1{
       font-size:14px !important;
   }
}

• This reply was modified 5 years, 4 months ago by Ludjon.

Hello,

You have to add the line-height:

@media (max-width:767px){
   .header_page.with_subtitle.centered .titles h1{
       font-size:14px !important;
       line-height:35px;
   }
}

Let us know.

Regards!

Maybe you need to fix letter-spacing?

@media (max-width:767px){
   .header_page.with_subtitle.centered .titles h1{
       font-size:14px !important;
       line-height:35px;
       letter-spacing: 2px !important;
   }
}

On css/bootstrap-responsive.css

I see these lines starting at 1333:

@media (max-width: 480px)
.header_page.centered h1 {
    line-height: 50px !important;
    height: 50px !important;
    top: 50%;
    position: absolute;
    margin-top: -35px;
}

Please remove them.

Thank You