Fullwidth easyslider and fullwidth masonry over-stretched

Hey!

That is actually the correct and default way the full width elements will display with the template. Content elements have a 50px margin on each side but the actual width of the boxed layout is how large the full width elements display at. You can see it in the socket (gray bottom bar)

You could add a margin to those elements with:

#full_slider_1 {
    margin: 0 50px;
}
.home .avia-builder-el-1 {
    margin: 0 50px;
}

Best regards,
Devin

1. As I said, the container for the page is that wide. So shrinking it down to be smaller only shrinks it less than full width. So the border on the top isn’t something that can just be shrunk on either side.

2. I’m only seeing the masonry show under the menu like it should (since the menu is semi transparent).

Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

.header_bg {
opacity: 1;
filter: alpha(opacity=100);
}