Menu Items are not in the middle by selected transparent header style

Wolf99 · July 2020

Hello,

i have selected the header style transparent.

Now the Menu Items on the sticky header are not on the middle of the menu any more.

The items are on the top of the sticky header bar.

Whatch it: http://dev.7sites.de/beispiel-seite/

Can someone help me that the items in sticky menu get back into the middle of the bar?

Pablo · July 2020

Hello,

But this type of menu does not have menu items on the center, you would have to use the "Stack Center" type of menu to make them to be in middle.

Theme Options > Header & Subheader > Header

Also, you can align your menu to be on right, by selecting "Align Right" option in the Theme Options > Menu & Action Bar > Menu

Thanks

Wolf99 · July 2020

Hello, thanks for the awnser.

I have selected align right. But the Menu Item "Bespiel-Seite" displays still on the top border of the sticky header. http://dev.7sites.de/beispiel-seite/

Here whatch this site: https://www.schmidkonz-gmbh.de/

This site is everything right. Its Headerstyle Transparent too.

But here the Menu is in the middle of the white sticky header bar like it sould be.

Wolf99 · July 2020

I found the problematic line:

.header-transparent #Top_bar.is-sticky .menu_wrapper .menu > li > a {
padding: 0;
}

#Top_bar.is-sticky .menu_wrapper .menu.page-menu > li > a {
margin: 0;

}

Why is here Padding and margin 0?
If i kill one of these lines it shows correctly.
But where does these come from?
I have no extra CSS or anything set up.

Pablo · July 2020

Sorry, but I do not understand now.

You want to align vertically or horizontally the menu items?

On both pages it looks the same, the menu items are in middle of vertical align and on the right of horizontal.

Thanks

Wolf99 · July 2020

Its the Horizontally align of the sticky menu.

NOT the normal menu its the sticky menu!

Wolf99 · July 2020

Here is what i mean: http://dev.7sites.de/wp-content/uploads/2020/07/BeMenuFail.png

Pablo · July 2020

But, your menu is not sticky on that website you sent:

http://dev.7sites.de/beispiel-seite/

Please enable the sticky header, go to the Theme Options > Header & Subheader > Header

https://prnt.sc/tgwpps

Also, it's not possible to move the logo on the right, to achieve that, you would have to use the Muffin Header Builder, see the topic:

https://forum.muffingroup.com/betheme/discussion/42065/the-betheme-header-builder-plugin#latest

thanks

Wolf99 · July 2020

No whatch the Picture: http://dev.7sites.de/wp-content/uploads/2020/07/BeMenuFail.png

Or whatch the site: http://dev.7sites.de/beispiel-seite/

Sticky header is turned ON!!!

Pablo · July 2020

I already told you, that there is no type of basic header which logo is on the right, you would have to use the "Stack Right" menu but menu will be wrapped down.

About not aligned menu, did you set the main menu as a "Main Menu" in Appearance > Menus?

https://prnt.sc/thdwzt

Also, if this won't help you, please switch your theme to the parent theme and check, if the issue still exists.

thanks

Wolf99 · July 2020

Yes thats it Tanks a lot my friend. It was the Main Menu setting.

Menu Items are not in the middle by selected transparent header style

Comments