Themelia Mobile Responsive?

Hi, Themelia is fully responsive out of the box. It’s tested on large number of mobile devices, in various browsers. Also I used Browserstack service to test on devices that I don’t own. On small screens like phones, two columns are stacked into one. The right sidebar is below the main content, shouldn’t be cut-off. If it is really cut-off, this could be a bug on that specific phone/browser combo. Considering that everything is fine with your WP installation, that there is no error in some plugin, broken html tag in content, or similar.

Could you check how Themelia demo site looks on your phone? https://relishpress.com/themes/themelia/ It would also help if you could write which phone and browser you are using. I’d like to find out where the issue is and fix it.
Thanks for reporting!

Hi,
Thanks for the response! I checked on the demo site on my phone and it looks perfect.
At the time I asked the question, I had customized the look of the theme to have a blue background behind the title of my site.Since then, I changed this back to the black and white. Now it shows up properly on my phone. So I’m thinking the problem was with the background.

There is one little glitch. The little icon to the right side (the three horizontal lines in a gray box) is appearing underneath the middle word of the title of my site. Not a big deal, just looks a little odd. I’m using an iPhone 7 and Chrome, if that helps.

Thank you so much,
Evelyn

The problem you have described should not arise due to a background color change. Have you changed the color with the theme customizer? Most commonly, such problems are due to the use of plugins for additional customization.

This other glitch you mention may be due to the long title and/or the oversized font. You can try reducing the font for small screens only. Here is the CSS snippet that could help. Just paste it into Customizer (Appearance -> Customize -> Additional CSS). You can try different values for the font size (2em) and the size of the screen you are targeting (520px).

@media screen and (max-width: 520px) {
.site-title-wrap .site-title {
font-size: 2em !important;
}
}

Also if you want you can send me a link with more details and I may propose a better solution.

Thank you for using Themelia and best regards!
Dario

Dario,

Thank you so much! I’ll play around with that and see what happens.

Thanks for creating such an awesome theme,

Evelyn