Topic: How can I add search bar button in header part of the theme?

Hello,

Search form can be enabled in Theme Options > Header > Enable search form in header > On.

Regards,
Eva Kemp.

Hello,

Please try to use other type of header where search form is enabled by default.

Best regards,
Jack Richardson.

Hello,

Please provide us with wp-admin panel credentials in private content.

Regards,
Eva Kemp.

Hello,

I’ve added the following code in header.php:

<?php etheme_get_option('search_form') ?>
<div class="custom-search">
<span data-toggle="modal" data-target="#searchModal" class="search-link">search</span>
</div>

and the css code in custom.css:

.custom-search {
  position: absolute;
  left: 94%;
  top: 22px;
}

Please check your site. Is that what you want?

Best regards,
Jack Richardson.

Hello,

I’ve replaced your code in header.php with the following code:
<div class="desktop-search"><?php echo etheme_search(array()); ?></div>
and added css code to make desktop search form as yours. Please check it.

As for mobile version you can see that in our demo http://8theme.com/demo/legenda/ the search button is displaying in top bar when it’s enabled. In this case you can disable top bar for desktop view and enable it for mobile view by using the css code in custom.css:

.top-bar {
display: none;
}
@media (max-width: 768px){
.top-bar {
display: block !important;
}}

Note that you need to enable top bar in Theme Options > Header.

Please provide us with the screenshot with the Look Book page mobile view problem.

Best regards,
Jack Richardson.