Site title not adjusting for mobile

  • Resolved saryah

    (@saryah)


    9 years, 3 months ago

    I have the Apex theme and my site title is 90 px. on the mobile version the site title is too big and the last letter is bumped to the next line.

    how can i make the site title smaller on the mobile version?

    honor-bright.com

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Thanks for choosing Apex!

    The site title is not currently responsive because of the following CSS added to the Custom CSS section in the Customizer:

    .site-title  {
font-size: 75px;
}

    What you can do is apply a “media query” to the above CSS, so it no longer affects the site on mobile widths like this:

    @media all and (min-width: 62.5em) {
  .site-title  {
    font-size: 75px;
  }
}

    Add a custom css for mobile screen .

    @media screen and (min-width: 400px) {
   .site-title  {
    font-size: 35px;
  }
}
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Site title not adjusting for mobile’ is closed to new replies.