How to hide title, tagline and menus.

Hi there,

> How can I hide the storefront title, tag lines and menus on certain select pages? I need to build some pages from only plain white pages.

You can find the CSS class or ID for that specific page and add your CSS to hide those items. Here’s a guide on how you can find the CSS class names or IDs in Chrome: https://developers.google.com/web/tools/chrome-devtools/css/. The process is similar for other browsers as well.

> How can I enlargen my logo banner to stretch from right to left margins. The logo is 400 X 150 pixels.

From what I understand, you want to stretch the logo and there must be no space between the container and the logo, right?

Here’s the CSS which will do the trick:

#le_body_row_1_col_2_el_2 {
  padding: 0;
}

.element img {
  margin: 0;
  width: 100%;
}

> Also, I would like to have different menus on different pages. I see how to create new menus, but I don’t see how to assign them to various pages.

This would require a complex custom code written in PHP and CSS. I’d recommend you to get in touch with a developer regarding this.

I hope this helps.

Hi there,

> How can I remove or preferably move the search box to someplace lower on the page?

You can definitely remove or move the search box around (in the division it is) using CSS but, if you want to add a search box in the footer you can add the search widget there.

For more design customization features in Storefront, I’ll recommend you to use Storefront Powerpack.