Resizing Header Copy for Mobile

  • Resolved cnm212

    (@cnm)


    9 years, 9 months ago

    Hello… This is a great theme and I am excited to use it. I just have one issue I need your help with.

    We have a rather lengthy url that we are using as the top header copy above the navigation and it looks wonky on smartphones. It breaks up the url into three lines. Is there a way to resize it to just one line. I don’t care if it makes it significant smaller.

    Please advise.

    Thank you!

Viewing 4 replies - 1 through 4 (of 4 total)
  • dheijman

    (@dheijman)

    9 years, 9 months ago

    I’m not sure if I can help you, but could you post the URL of the site?

    Thread Starter cnm212

    (@cnm)

    9 years, 9 months ago

    Hey there… the site is not live yet. Should be shortly. But in the meantime, where in the CSS would I revise the header for mobile?

    Thank.

    roshjobinson

    (@roshjobinson)

    9 years, 9 months ago

    This worked for me:

    Go to Appearance then Custom CSS (called Custom CSS Editor on the actual page).

    Post this:

    @media all and (max-width: 480px) {
    h1.site-title {
    font-size: 36px;
    }
    }

    @media only screen and (max-device-width: 480px) {
    h1.site-title {
    font-size: 36px;
    }

    Thread Starter cnm212

    (@cnm)

    9 years, 9 months ago

    Josh/Rosh… You totally saved the day. Thank you for your help! :-))))

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Resizing Header Copy for Mobile’ is closed to new replies.