• Resolved sambtaylor

    (@sambtaylor)


    I love the theme, and it is displaying great, except that the title of the blog does not all fit in Mobile View. Everything else in the theme adjusts to the smaller size, but that title text does not. Is there a way to scale the text size down in mobile view, while leaving it unaffected in other platforms?

    Thank you for your response.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi there,

    Thank you for getting in touch with us.

    Please go to Appearance → Customize → Additional CSS and add the following css:

    @media (max-width:767px){
        .logo .header-logo-text{line-height:24px;font-size:24px;}
    }

    Please change 24px to fit your needs.

    If that doesn’t help please send me the URL to your website so I’ll take a look at it.

    Thank you for your time in this.

    Best regards

    Thread Starter sambtaylor

    (@sambtaylor)

    Thank you for your response. I tried inserting your code, but it did not make any difference, regardless of how I changed the px size.

    website being built at rockpaperwings.com

    Another question. Is it possible to have three-level menus in this theme? In MENU you can set them, but only the first two levels display.

    Hi there,

    Are you sure the custom css for title is in the proper place? It seems there is no custom style in Appearance → Customize → Additional CSS field.

    We’re using Bootstrap library to set up the main navigation and we don’t support the third level menu at the moment.

    Feel free to reach out if you need anything.

    Best regards

    Thread Starter sambtaylor

    (@sambtaylor)

    Yes, I am sure. I deleted it after I saw that it made no difference in the mobile display. It was in Appearance → Customize → Additional CSS field. I can put it back again so you can see. It doesn’t seem to change anything.

    Thank you for your help. I greatly appreciate it.

    Theme Author lyrathemes

    (@lyrathemes)

    You’ve entered the CSS like this:

    /*
    You can add your own CSS here.
    @media (max-width:767px){
        .logo .header-logo-text{line-height:18px;font-size:18px;}
    }
    Click the help icon above to learn more.
    */

    It needs to be outside the /* and */ characters:

    /*
    You can add your own CSS here.
    Click the help icon above to learn more.
    */
    
    @media (max-width:767px){
        .logo .header-logo-text{line-height:18px;font-size:18px;}
    }
    
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Title Text too long in Mobile View’ is closed to new replies.