Homepage with Search bar – MaxStore PRO

homepage-with-searchbar-preview

 

This section shows custom image (page featured image) page title and products search box.

Create a new page and select “Homepage with searchbar” as template

  1. Set the title (this will be shown in the middle of the image)
  2. Upload/set the “Featured image
  3. Create content

homepage-with-searchbar-options

 

Title and search box positioning

If you need own title or/and search bar position, you can do it with custom CSS:

Title:

h1.header-search-text {
    top: 45%;
}

* Define position from the top (in percent)

Searchbar:

.searchbar-template .header-search-form {
    bottom: -22px;
}

* Define position from the bottom (in pixels, you can use percents)

Disable Searchbar:

.searchbar-template .header-search-form {
    display: none;
}

 


Recommended image size – 1140×488 or bigger.