Skip to content
Public Ticket #17928

About Top search box

Conversation thread

PenciDesign Supporter replied

Staff Reply

Hi,

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

.pcheader-icon.penci-top-search {
    position: relative;
} .show-search,
.sticky-wrapper:not(.is-sticky) #navigation .show-search,
#navigation.header-6 .penci-menuhbg-toggle, #navigation.header-6 .show-search {
    right: 30px;
    width: 270px;
    top: 45px;
    height: 60px !important;
    left: auto;
} .sticky-wrapper:not(.is-sticky) .show-search form.pc-searchform input.search-input {
    height: 60px !important;
} #navigation.header-6 .show-search form.pc-searchform input.search-input {
    height: 100%;
} .show-search a.close-search {
    top: -45px;
    right: 15px;
} #navigation.header-6 .show-search form.pc-searchform input.search-input {
    padding: 16px 35px;
}

Regards,
PenciDesign.


tdkevin started the conversation

Conversation Start

Hi, all
Can the header search box locate on menu left when click as below?
or just like search style on this support forum in the top-right corner.
thanks!
https://imgur.com/a/9oD2Ef5

Want to join this conversation or access attachments? Sign in first.