Menu

rb91u

Hi again)
Thanks for your help!

And now is a questions:
1. How can I increase a line spacing between menu paragraphs?
2. How can I change the position of this par.? Now they in the center of menu and I want to put them upper.
3. When I go through the menu into sub menu then after going to the page I want - sub menu is close. I think it would be better to see on what page I am. Especially if there's no title on page.

Air

Hello:-)

I see you use vertical header on your site what is very important to help you:-)

rb91u said: How can I change the position of this par.? Now they in the center of menu and I want to put them upper.

Go to Customizing ▸ Header settings▸ Type, variant, background ▸Variant ▸Clasic

rb91u said: How can I increase a line spacing between menu paragraphs?

Please use(and adjust) this custom CSS:

.header-vertical .top-menu li a, .header-vertical .top-menu li span.title {
    line-height: 35px;
}

rb91u said: When I go through the menu into sub menu then after going to the page I want - sub menu is close. I think it would be better to see on what page I am. Especially if there's no title on page.

This is not perfect solution, but please use this custom CSS:

.current-menu-ancestor > ul, 
.current-menu-parent > ul{
    display: block;
}

Meanwhile I will think how to add this from theme settings.

With kind regards.

rb91u

Thanks a lot!
If possible, write please CSS for "line-height" of sub-menu par.)

Air

rb91u said: If possible, write please CSS for "line-height" of sub-menu par.)

Sure, here you go:

.header-vertical .top-menu li li a, .header-vertical .top-menu li li span.title {
    line-height: 25px;
}

With kind regards.

rb91u

Thanks) And the last: if I want to change line height only for mobile devices? It's possible?)

Air

Hello :-)

Try this:

@media only screen and (max-width: 1024px) {
	/* main links */
	.mobile-menu .navigation-bar .top-menu li a,
	.mobile-menu .navigation-bar .top-menu li span.title,
	.mobile-menu .navigation-bar .top-menu li li a,
	.mobile-menu .navigation-bar .top-menu li li span.title{
		line-height: 36px;
	}
	/* sub links */
	.mobile-menu .navigation-bar .top-menu li li a,
	.mobile-menu .navigation-bar .top-menu li li span.title{
		line-height: 26px;
	}
}

With kind regards.

rb91u

Thanks!
How can I change background color for menu on mobile devices?
And I want to change the size of hamburger icon.

Thank you for your job!

Air

rb91u said: How can I change background color for menu on mobile devices?

Please go to:
Appearance → Customize → Header Settings → Type, variant, background → Mobile menu background color.

rb91u said: And I want to change the size of hamburger icon.

Please go to:
Appearance → Customize → Header Settings → Tools icons - individual icons → Mobile menu button icon size

With kind regards.