How to change font size in site header

Home Forums Support How to change font size in site header

Home Forums Support How to change font size in site header

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #61880
    projectmentor

    How can I change the size of the font used for the site header?
    My site title is 13 characters and it is wrapping the last letter on my smartphone.
    Is there a better way than change it to a smaller font size so that it the site title does not wrap?

    #61895
    projectmentor

    I also got a css plugin and tried to change

    .main-title {
    word-wrap: normal;
    }

    does not work.

    Also tried

    p.main-title {
    word-wrap: normal;
    }

    does not work.

    It seems to be overriden by your style.css code here:

    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, font, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    word-wrap: break-word;
    }

    As upi cam see word-wrap: is not being overridden. Please advise.

    #61986
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    Your best bet is to reduce the size of the text on mobile.

    Something like this:

    @media screen and (max-width: 768px) {
          .main-title {
                font-size: 30px;
          }
    }

    Adjust the pixels as needed.

    Let me know 🙂

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.