Slide Navigation FontSize enlarge?

Foundry
1

I am using Slide Navigation in a new project but I need to enlarge the font size. Is there a CSS to do so?

Thank you,
Jan

2

Righclick on the menu item. See what the class name is in the Inspect Element. I want you to see if you can figure it out. It is very obvious what the class name for the menu item is once you look for it. Then apply the css in the code section of that page for the font size you want.

1 Like
3

So I see mm-navbar and mm-panel and mm-panel-open etc.

I suppose I will use mm-navbar? I am a real beginner with CSS… sorry :slight_smile:

image
image3126×176 57.6 KB

4

CleanShot 2020-06-20 at 09.49.43@2x
CleanShot 2020-06-20 at 09.49.43@2x3770×808 245 KB

5

Here is a screenshot of the elements for that navigation.

6

All right, thank you, I think I got it:

.mm-listview {
font: inherit;
font-size: 20px;
line-height: 24px;
}

I am curious: How can I set it global? If I add this in the global CSS it does not seem to work.

7

That is were I am a novice. You need to experiment and play around with the code. I looked at what the parent class is; mm-menu then applied that before your code above. .mm-menu .mm-listview { font-size: 30px; line-height: 21px; }
Try that with your font size and line height.

1 Like
8

Thanks, there were only a few pages, so I added it to each page. For the general option I will experiment when I have some more time at my hands…