allow the menu to scroll

sorry – site is scarsdale411.com

Hmmm…. that’s a lot of menu items. The theme wasn’t really meant for large menus, but you might be able to save some space with some adjustments using custom CSS. For example:

@media (min-width: 68em) {
#site-branding-inner {
    padding: 5% 6%;
}
}
@media (min-width: 48em) {
.main-navigation {
    padding-top: 0;
}
}

Usually if a screen and/or screen resolution is small such as a desktop monitor or laptop screen height, long menus can be a bit of a problem with this type of design concept.

• This reply was modified 7 years, 9 months ago by Shaped Pixels.

that didn’t work. I’ve moved the menus around so the many items now run along the footer. But have a question: how can I make the tag line font bigger and bolder? Not sure which typography relates to it.

Quick note about the menu…it wasn’t really designed to scroll…although you could have the left column scroll, but you will end up with a scroll bar on the right of it.

As for the tagline font…

.site-description {
    font-size: 0.813rem;
}

You can add the font family, font weight, style, etc to that. The 0.813rem is the default size for the theme, but you can change it. I recommend using rem or em units. You can use https://www.pxtoem.com to convert px to em or rem

Hi, I have the same problem. I’m using the theme since a week. I like it very much. But now I have too much necessary pages, and the menu won’t scroll down. Can you fix this? Or is there a plug in to make the menu scroll?

• This reply was modified 7 years, 9 months ago by rosebud1966.

If one wants a scrollable sidebar column, some custom CSS will be required…something like this:

#sidebar {
    overflow-y: scroll;
}

That will put a scrollbar to the right of the side column. I know some people have done it, but you may want to look on Google for customizing the style of a scrollbar if you want to change how it looks.

Thank you, it works!!!!!

closing this thread as resolved
thanks