Can you edit the size of page titles so they fit on mobile view?

  • charlotteappletonholisticbirth

    (@charlotteappletonholisticbirth)


    4 years, 1 month ago

    Hello,

    When I view my website in mobile view, the page titles are too big to be viewed on one line. Is there a way to edit the theme to over ride this? Maybe making the page title smaller or by widening the element?

    Many thanks,
    Charlotte

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

Viewing 1 replies (of 1 total)

  • Hi @charlotteappletonholisticbirth,

    Sure, here is the CSS code that you can Add to the Additional CSS tab:

    
@media (max-width: 767px){
h1.page-title {
    font-size: 5vw !important;
}
}

    It will affect page titles on all pages on mobile display, you can adjust the font size value according to your preference with this code.

    Also, the max-width value refers to the maximum resolution to which the rule will be applied and can also be adjusted per your needs.

    I hope this helps, have a nice day,
    Andrija

Viewing 1 replies (of 1 total)
  • The topic ‘Can you edit the size of page titles so they fit on mobile view?’ is closed to new replies.

Tags