How to make a vertical menu properly?

Monster971

11/18/22, 8:20 PM

Good morning all,

Today I would like to ask a simple question about the menus. How do you make a clean sidebar that takes up the entire length of the page? In general, the themes offer only natively horizontal menus that occupy the entire width.

To have a sidebar, you must put the menu in a block side position and make the necessary adjustments with CSS?

1 + 0

theming

navigation

bootstrap-theme

Score:3

Drupal

misterdidi

11/19/22, 10:06 AM

Yes, theme regions and CSS are what you need. Basically, from admin/structure/block you place your menu block into one of your theme's region. And then, with CSS you adjust the style of the region to your needs.

If the HTML structure does not match your needs, you can also alter the page template of your theme (page.html.twig file). If this file does not exist in your theme, just copy it from \core\themes\classy\templates\layout\page.html.twig to themes\yourtheme\templates\optionalsubfolder\page.html.twig). This file allows you to modify the HTML structure of your page and consequently, the position of your page regions within the HTML.

e.g. If I place my Menu Block into "Sidebar first" region, I know that {{ page.sidebar_first }} twig variable is the one that contains the display of the menu.

0 + 3

sonfd

11/19/22, 4:10 PM

I'd recommend copying templates from your base theme, if you have one, instead of classy.

hotwebmatter

11/23/22, 3:00 AM

@sonfd I agree. Classy subthemes are relatively advanced. Subtheming Classy does have advantages, such as complete control over theming. It’s a lot more work though, and you need to know what you’re doing.

misterdidi

11/27/22, 7:59 AM

@sonfd, you're right. As a matter of fact, I'd recommend using Twig debugging to spot which template files are being used and may be overriden if necessary.