Hi,

Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

.navigation ul.menu > li:not(:last-child) {
    border-right: 1px solid #fff;
}

Regards,
PenciDesign.

Hi,

Please send me your site URL. I'll check and send you a custom CSS code.

Regards,
PenciDesign.

Hi,

All the custom code you must paste to Appearance → Customize → Custom CSS.

The code below will apply to the custom header builder:

.navigation ul.menu > li:not(:last-child):after {
    content: '|';
    display: inline-block;
    margin: 0 5px;
}

Regards,
PenciDesign.

Hi,

1. Please copy/paste the CSS code to Appearance → Customize → Custom CSS

2. Please use another hosting to upload your screenshot, I can't view the image on prnt.sc. I recommend the postimages.org site.

Regards,
PenciDesign.

Hi,

1. Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

#navigation.menu-item-padding ul.menu > li:not(:last-child):after {
    content: '|';
    display: inline-block;
    margin: 0 5px;
}

2. About the search box, please add this CSS code:

.header-search-style-showup .show-search .pc-searchform-inner {
    border-radius: 50px;
    overflow: hidden;
}
.header-search-style-showup .show-search form.pc-searchform input.search-input {
    -webkit-border-top-left-radius: 50px;
    -webkit-border-bottom-left-radius: 50px;
    -moz-border-radius-topleft: 50px;
    -moz-border-radius-bottomleft: 50px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}

Regards,
PenciDesign.