Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #19399


    The text below the logo (the title text) is being cut of when I view the page on my iPhone.

    How do I make it smaller – both in the ordinary browser and on my phone?





    You can resize the callout text size with following css code – add it to css/custom.css:

    /* large screens with 1160px with */

    @media only screen and (min-width: 1160px) {
    .responsive #top .callout{font-size: 42px;}
    .responsive #top.yanone_kaffeesatz .callout{font-size: 52px;}

    /* Smaller than standard 960 (devices and browsers) */
    @media only screen and (max-width: 959px) {}
    .responsive #top .callout{font-size: 30px;}
    .responsive #top.yanone_kaffeesatz .callout{font-size: 40px;}

    /* All Mobile Sizes (devices and browser) */
    @media only screen and (max-width: 767px) {
    .responsive #top .callout{font-size: 20px;}
    .responsive #top.yanone_kaffeesatz .callout{font-size: 30px;}

    /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
    @media only screen and (min-width: 480px) and (max-width: 767px) {
    .responsive #top .callout{font-size: 20px;}
    .responsive #top.yanone_kaffeesatz .callout{font-size: 30px;}


    I’m not shure if I asked correctly, but you can see an example of the text here:

    It is the text “BUREAUET” I want to make smaller… is it not called “main-title”?

    I do not want to change the call-out text on the front page.

    Could you please advice?





    Ok, in this case you can use following css code to change the font size:

    .title_container h1{
    font-size: 54px;

    Best regards,



    Hi Peter.

    I added the code to the custom.css and tried a smaller font size of 40px but nothing happens!? Have I done it wrong? Should the code be placed in another file?



    I moved the site to the root directory and now it seems that the changes has been made.

    Do you know if there is anyway to force the site to read the custom.css? I have tried clearing the browser cache and viewing the site at a different computer, but none of these solutions shows when I make new changes…



    Hey Casper,

    I’m not sure what you mean. Looking at your site live the title container h1 is getting its font size from your custom.css file line 4 (the above css from Peter).



Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Decrease the font size of main title’ is closed to new replies.