[Resolved] Changing Different Footer Widget Font Sizes in Mobile and Desktop

[Steven]

Hi,

Im trying to change the font sizes in the footer widgets so that they are 14px in desktop and 10px in mobile.

Ive tried the following:

@media (max-width: 768px) {
.footer-widgets {
font-size: 10px}
}

But makes no difference.

[Leo]

Hi there,

You want both links and text in the footer widgets to be smaller I assume?

What about titles?

Let me know 🙂

[Steven]

Wow fast response!

Yes titles as well

Thanks

[Leo]

Try this:

@media (max-width: 768px) {
    .footer-widgets .widget-title {
        font-size: 12px;
    }
    .footer-widgets .widget {
        font-size: 10px;
    }
}

Let me know 🙂

[Steven]

Thats perfect! Thanks for the quick solution!

[Leo]

Glad I could help 🙂

[Steve]

Hi-
I was wondering if your footer widget font size fix will change the size of link text as well? I want the text and links to be the same size in my footer.

[Leo]

Looks like they already are?

[Steve]

Yep, thanks Leo! Guess I should have tried it out before asking my question.

[Leo]

Yup definitely good idea.

No problem 🙂

[Author]

Posts