Mobile view doesn't fit screen right

gleasobe · Member · Oct 13, 2016 at 9:48 pm
Copy link

Add topic to favorites
When I go to my blog on my phone, the blog title (which is my name) doesn’t fit in the screen, it’s like it’s cut off. Anybody know about this?
Thanks

gleasobe.com

The blog I need help with is: (visible only to logged in users)
siobhyb · Member · Oct 14, 2016 at 12:30 pm
Copy link
Hi Ben,

I can see that the WordPress.com mobile theme is enabled on your site.

It’s not necessary to enable the separate mobile theme as Illustratr adapts to devices of different sizes by default.

To disable the mobile theme, navigate to our older interface (which is accessed by adding /wp-admin to the end of your site’s URL) and then Appearance > Mobile:

https://gleasobe7.wordpress.com/wp-admin/themes.php?page=mobile-options

Check the “No” option next to “Enable mobile theme” on the above page and save your changes.

Let me know if your site’s title is still cut off after you’ve disabled the mobile theme and I’ll take another look.

Thanks!
gleasobe · Member · Oct 14, 2016 at 12:49 pm
Copy link
Oops my bad, I was messing with it and left it on. You should be able to see it now. Thanks!
siobhyb · Member · Oct 14, 2016 at 2:45 pm
Copy link
Thanks, Ben!

I visited gleasobe.com on my phone but the title isn’t cut off for me.

You can see a screenshot of what I’m seeing when viewing your site in Chrome on my Nexus 6 here:

Can you let me know what device and browser you’re seeing the problem on? If you could possibly upload a screenshot to your Media Library, that would be much appreciated.
gleasobe · Member · Oct 14, 2016 at 2:47 pm
Copy link
Weird. I’m using a iPhone 5s on the Safari browser.
siobhyb · Member · Oct 14, 2016 at 3:08 pm
Copy link
Thank you for confirming!

I can see what’s happening here: As you have custom fonts set on your headings, the styling that the theme sets to make the title fit in with smaller screens (like the iPhone 5) isn’t kicking in.

I’ll get this reported back to the theme’s author and, in the meantime, I’ve added the following custom CSS to temporarily patch the issue up on your site:
```
@media screen and (max-width: 767px) {
    .wf-active .site-title {
        font-size: 2em;
    }
}
```
Let me know if that helps.
gleasobe · Member · Oct 14, 2016 at 3:13 pm
Copy link
Awesome thanks!!
siobhyb · Member · Oct 14, 2016 at 3:20 pm
Copy link
You’re welcome!

No items found.