Just a little style to change the Side Menu font sizing

Community Guides
#1

Nothing overly flash here but might be useful to someone.

I didn’t like the side menu text sizing and indents. I found it hard to work out what belonged to what in the menus.

This is what is normally looks like
image

Adding the following CSS by extending the halo theme makes it look like this. So the .c-sidemenu-item-action is the style you are looking for,

  .c-sidemenu-item-action {
    font-size: 75%;
    text-indent: 10px;
  }

image

4 Likes
#2

Or you can extend Halo theme and set stylename of each desired menu item.

image

and at myapp\modules\web\themes\halo\com.company.myapp\halo-ext.scss include:

.mymenu-item-font {
    font-size: 75%;
    text-indent: 10px;
}
1 Like