Change site-title font-size

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #593
    wdorgelo
    Participant

    Hi,

    How do I lower the site-title font-size on mobile portrait (320×480)? The last letters of my title break like this:

    Verylongcompanyn
    ame

    It needs to be like:

    Verylongcompanyname

    #1539
    admin
    Participant

    Hello,
    Please use the following CSS Code Snippet to tweak the Site Title Font size for the viewport 320×480

    – Go to Appearance > Customize > Theme Custom CSS
    – Use the following CSS Code Snippet

    /* For Landscape */
    @media screen and ( min-width: 360px ) and ( max-width: 599px ) {

    .site-title {
    font-size: 32px;
    font-size: 3.2rem;
    }

    }

    /* For Portrait */
    @media screen and ( max-width: 359px ) {

    .site-title {
    font-size: 18px;
    font-size: 1.8rem;
    }

    }[/CODE]

    Thanks[CODE]/* For Landscape */
    @media screen and ( min-width: 360px ) and ( max-width: 599px ) {

    .site-title {
    font-size: 32px;
    font-size: 3.2rem;
    }

    }

    /* For Portrait */
    @media screen and ( max-width: 359px ) {

    .site-title {
    font-size: 18px;
    font-size: 1.8rem;
    }

    }[/CODE]

    Thanks

    #1540
    wdorgelo
    Participant

    You are awesome, thx

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