Archived topic

Changing Different Footer Widget Font Sizes in Mobile and Desktop

9 replies · Started by Steven on October 11, 2018

Viewing posts 1–10 of 10

October 11, 2018 at 10:18 am #698900

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.

October 11, 2018 at 10:32 am #698912

Hi there,

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

What about titles?

Let me know :)

October 11, 2018 at 10:35 am #698914

Wow fast response!

Yes titles as well

Thanks

October 11, 2018 at 10:43 am #698918

Try this:

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

Let me know :)

October 11, 2018 at 10:50 am #698925

Thats perfect! Thanks for the quick solution!

October 11, 2018 at 10:55 am #698929

Glad I could help :)

March 28, 2019 at 8:51 am #852642

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.

March 28, 2019 at 9:39 am #852670

Looks like they already are?

March 28, 2019 at 9:49 am #852690

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

March 28, 2019 at 9:51 am #852696

Yup definitely good idea.

No problem :)

This archived topic is closed to new replies.

Start building better websites today.