how to center a specific menu item

Hi Heinrich,

You can try adding this through Appearance > Customize > Additional CSS:

@media (min-width: 1025px) {
    nav .menu-bar-items .gb-container.gb-container-e6734480 {
        position:absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }

    nav .inside-navigation.grid-container {
        position: relative;
    }
}

@media (min-width: 1150px) and (max-width: 1300px) {
    .menu-bar-items .dgwt-wcas-search-wrapp {
        max-width: 400px;
    }
}
@media (max-width: 1149px){
    .menu-bar-items .dgwt-wcas-search-wrapp {
        max-width: 300px;
    }
}

hi fernando, done... tks a lot for quick help

You're welcome, Heinrich!

hi fernando, found a weird behaviour. in customizer the code is working fine, the search-field is centered. but in front-end view chrome, safari and opera not?
any idea?

Hi there,

can you share a screenshot of how it looks in the Customizer ?

here we go. found, that the css works, when i enter one space in the code, no matter where?

In your CSS you have these comments:

/* end of button styling -------------------------/*
/* all about menus ------------------------------* /
/* formats the primary menu */

Can you delete those, as they are broken. Which will break the CS after them

beginners level :-(( sorry

Easily done :) Glad to be of help