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

Wolf99

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Wolf99

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

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Wolf99

Its the Horizontally align of the sticky menu.

NOT the normal menu its the sticky menu!

Wolf99

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

Pablo

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Wolf99

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Wolf99

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