Reply To: Page header with mobile images

[Tom]

Hi there,

Yes, it’s usually a good idea to specify different images if your one background image doesn’t work on multiple screen sizes.

As for your font size, try giving your span a class instead:

<span class="my-span">Text</span>

.my-span {
    font-size: 36pt;
}

@media (max-width: 768px) {
    .my-span {
        font-size: 16pt;
    }
}

Hope this helps 🙂