Increase Page Title Width

  • I was hoping there is an easy solution to increasing the width of my page title – the page title is Beth Davis Consultancy Services, and I would like it to be on one line where possible on desktop computers, but at the moment it has “Beth Davis Consultancy” on one line and then “Services” on a second line.

    I have not previously added any additional CSS coding and have done everything through Elementor.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hello there,

    Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard. 

    
@media only screen and (min-width: 768px) {
  .site-header .col-md-4 {
    width: 60%;
  }
  .site-header .col-md-8 {
    width: 40%
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .site-title {
    font-size: 24px;
  }   
}

    Regards,
    Kharis

    Thread Starter bethdavis

    (@bethdavis)

    Thank you so much, it worked perfectly.

    You’re 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

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Increase Page Title Width’ is closed to new replies.