Site title not responsive on a mobile device

  • Author
    Posts
  • #103854

    Hello,

    I am having an issue with the title of the site not showing correctly on the iPhone 11 screen (interestingly, on an older iPhone 5s it seems to shrink fine). Everything else on the site is responsive, but the text of the title and the logo are too large and woudn’t shrink. I would appreciate if you could help. I saw a similar topic a week ago, but that CSS script didn’t seem to work for me.

    Thanks a lot.
    Cheers,
    Katya

    Website: scienceundersail.com.au

    #104596
    Zed
    Cryout Creations Team

    The site’s title does adjust size with screen width, however your site title is long enough (and the logo is also present) to not fit in the available width in some instances.

    You can further reduce the site title/logo to make them fit on screen with some custom CSS:

    @media (max-width: 540px) {
       #branding {
           transform: scale(0.7) translateX(-25%);
       }
    }

    If you like our creations, help us share by rating them on WordPress.org.
    Please read the available documentation and search the forums before posting.
Viewing 2 posts - 1 through 2 (of 2 total)

You need to log in to reply to this topic.