Style / Components / Utility / Box Shadow Bottom / Background

Add code into Advanced tab

@media(max-width: 640px) {
    .el-item > .uk-grid {
    display: flex;
    flex-direction: column;
    }
}

Layout > Site > Layout (Boxed) > Add the background image there.

Troubleshooting

For the site in question, replace the current custom CSS you are using by the following CSS. It should remove the background colors of the headerbar, the navbar, all sections and tiles. The background image should be set in the Layout settings, additionally.

.tm-headerbar-top, .uk-navbar-container:not(.uk-navbar-transparent), .uk-section, .uk-tile {
        background: none;
}

Go and play with 

Check if the style has been changed to Primary or Secondary because this will effect which settings are being used.

Then also

Style / Components / Navbar / Dropdown / Color Mode

into Advanced / Classes - add

uk-light

Gallery  

Settings > Link > Type to Item for the gallery element,

you can already choose two hover effects at 

Settings > Image > Transition: Scale Up and Scale Down.

Additionally, you can customize the overlay color in the Style settings of YOOtheme Pro.    

/*Grid Remove Title Top Margin */
.uk-inline-clip {
    margin: 20px;
}

Settings / CSS

 /* Overlay text area full width */
  .uk-inline-clip, 
  .uk-inline-clip > [class*="uk-position-"] {
  width: 100%;
  }

From what I can see in the source, your "active" menu items do not yet get the required class uk-active, so the "Active Color" styling will not be applied.

Edit the Dynamic Content item, and select Settings > ITEM > Active > Dynamic > Custom Menu Item/s: Active. This would apply the class to the "active" menu item — and subsequently style it accordingly.

.tm-header .uk-sticky .uk-navbar-nav > li.uk-parent > a {
position: relative;
z-index: 1021
}
.tm-header .uk-navbar-dropdown {
padding-left: 0;
padding-right: 0;
}
.tm-header .uk-navbar-dropdown-nav > li {
max-width: 190px;
display: flex;
justify-content: center;
}