Mobile menu dropdown font size

[Andrea]

#877243

Hi all,

I can’t find where to adjust the mobile menu dropdown font size in the Options. Is it somewhere within Avada options or do I need to add CSS in the customizer?

Thanks!

[LocLoc]

#877249

Hi Andrea,

I found this article https://theme-fusion.com/documentation/avada/menus/mobile-menu-settings/ , especially the part of Mobile Menu Typography.
I hope that is what you are looking for.

Loc

[marklchaves]

#877331

Hey Andrea,

Were you wanting the mobile submenu items font size? I don’t think there’s a setting for those.

The custom CSS is a little tricky. Here’s an example for starters.

/** Use a media query for mobile devices. */
@media (max-width: 768px) { /* Change width as needed. */
    .fusion-menu ul li div {
      font-size: 2rem; /* This makes the mobile submenu text 2x larger than the base font size. */
    }
}

Here’s what that CSS does.

https://jumpshare.com/v/ej0UI1ppglOUVO6lOS85

Anyway, play around with it if that’s on the right track. If not, shout 😉

Mark

[Author]

Posts