Lodestar: font size on mobile device

  • johancre

    (@johancre)


    4 years, 8 months ago

    Hi,

    I have a question regarding the font size of the titles of the panels. On a computer everything is fine, but when I open the site on a smartphone, the titles are too long which makes them to split over several lines, not per word but per letter. This makes it look ugly.

    Is there a way to change the font size for smartphones, so it also looks nice?

    Thanks.

Viewing 1 replies (of 1 total)
  • supernovia

    (@supernovia)

    4 years, 8 months ago

    Hi, sure. You can use CSS that is limited to narrow screens, such as:

    @media screen and (max-width: 650px) {
.entry-title, .panel-content .entry-title {
    font-size: 1em;
		letter-spacing: 0;
		color: #aaa;
		word-break: normal;
}
}

    You’ll need to change the colors, spacing, and size to suit you. This also prevents words from breaking by character. Also, this selects panel titles on the front page, and entry titles on other pages. Let us know if you needed to adjust that selection.

Viewing 1 replies (of 1 total)
  • The topic ‘Lodestar: font size on mobile device’ is closed to new replies.