jamesbr

The CSS for the submenu currently shows the following:

@media screen and (min-width: 768px)
.main-navigation ul ul {
top: 2.6em;
}

Top is used in reference to an element and its containing element. That is too much spacing between the menu item and the submenu list, thus the mouse can’t hover over the submenu. Try reducing the spacing to:

@media screen and (min-width: 768px)
.main-navigation ul ul {
top: 1.8em;
}

Are you still able to access the WordPress admin area? If so, try refreshing permalinks.

While the width of all of those four photos is 450px, the heights range from 409 – 423px, thus the slight unevenness. Try either cropping them in Photoshop to be identical or defining a set height for all thumbnails.

Add this custom CSS:

.entry-title {
text-align:center;
}

Could you provide a link to your site?

Try this custom CSS:

ul.products li.product img {
  border: 5px solid #ccc;
}

You can change the border style to whatever you like.

You could add the following custom CSS to hide the Search Product Box:

#search-top {
  display: none;
}

That is probably the quickest way.

Looks like the current CSS has a 24px margin at the top of each page content area. Try adding custom CSS to reduce the margin that currently exists.

.site-content {
margin: 0px auto;
}