Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike

Hey Freek,
I tried to match your setup on my localhost and found that 6800×3200 seemed to work fine
Please try the image in the Private Content area, if it is still a not right for your 5k screen then make the image wider but not any higher.

Best regards,
Mike

Hey Grafischinvorm,
I took a look at your site, and see that your slider images of the people have their heads clipped a little, to minimize the amount of clipping we could make your mobile header transparent with this css, please try this code in the General Styling > Quick CSS field:

@media only screen and (max-width: 766px) { 
  .responsive #top #main {margin-top: 0px!important;}
  #top #wrap_all .av_header_transparency {background-color: transparent!important;}
  div#header_main > .container {display: block !important;}
  }

which makes your logo a little hard to read.

Another option is to adjust this code a little to push the images down a little, so the header looks black and your images are maximized.

@media only screen and (max-width: 766px) { 
  .responsive #top #main {margin-top: 80px!important;}
  #top #wrap_all .av_header_transparency {background-color: transparent!important;}
  div#header_main > .container {display: block !important;}
  }

Please these a try and let us know if either of them help, or if you would like a different option.

Best regards,
Mike

Hi,
Ok, Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
Thanks for the login, but unfortunately it doesn’t have admin rights, so I can’t see the theme settings.
Please adjust the account.

Best regards,
Mike

Hi,
Thank you for the login, I should explain that the “single small” layout with the image on the left of the article is only available when a sidebar is present, otherwise the image center aligns above the article. So for your blog page and archive (category) page a sidebar is active but hidden.
I saw that the image you choose to use for when a post has no featured image is a transparent white icon that doesn’t show without a background color, so I added light gray to your css, which you can change or remove if you wish.
This is the updated css in your Quick CSS:

#top.archive .sidebar,#top.page-id-344 #main .sidebar {
display: none !important;
width: 0px !important;
}
#top.archive .sidebar_right .container .av-content-small.units,#top.page-id-344 .sidebar_right .container .av-content-small.units {
width: 100% !important;
}

#top.archive .blog-meta a.small-preview,#top.page-id-344 .blog-meta a.small-preview {
 background: url(https://your-site.com/wp-content/uploads/2018/05/marker.png)center center no-repeat; 
background-size: cover;
    background-color: lightgrey;
}
#top.archive .small-preview .iconfont,#top.page-id-344 .small-preview .iconfont {
    display: none !important;
}

Please clear your browser cache and check, and let us know if there are any other adjustments you would like.

Best regards,
Mike

Hi,
I have taken a look and using the second link, which you like on desktops, as the starting point, I notice that you have a left padding of 210px to make the columns look centered.
Now we will reduce that padding for tablet and mobile, with this code:

@media only screen and (min-width: 767px) and (max-width: 1024px) {
.page-id-1183 .flex_column_div.first.avia-builder-el-8 {
padding-left: 10% !important;
}
}
@media only screen and (max-width: 767px) {
.page-id-1183 .flex_column_div.first.avia-builder-el-8 {
    padding-left: 0px !important;
    display: flex !important; 
    justify-content: center !important; 
}
.page-id-1183 .flex_column_div.avia-builder-el-10 {
    display: flex !important; 
    justify-content: center !important; 
}
}
@media only screen and (max-width: 550px) {
.page-id-1183 .flex_column_div.first.avia-builder-el-8 {
    margin-left: -3% !important; 
}
}

This code is for the second page only to see if this is what you are looking for.

Best regards,
Mike

Hey J,
Can you please include a admin login in the private content area so we can take a closer look.
Also, when I look at your page, there seems to be a lot of white space above the banner, is this meant to be at the top of your site like a header, or is this just a test right now?

Best regards,
Mike

Hi,
Strange, I don’t see link to your site anymore to see what you are referring to?

Best regards,
Mike

Hey RobinAParker,
I see your new slider in your layerslider panel (screenshot 1 in the Private Content area)
I also see that you added a layerslider widget to a sidebar, but you added the filter “homepage” which means it will only show on the homepage, yet there is no sidebar on the homepage, so it can not show. (screenshot 2)
So I removed the “homepage” filter so you can see that it works.
Check out the “blog” page.

Best regards,
Mike

Hi,
Glad Ismael could help, we will close this now. Thank you for using Enfold.

Best regards,
Mike

Hi,
Glad to hear, Unless there is anything else we can assist with on this issue, shall we close this then?

Best regards,
Mike

Hi,
Please try clear your browser cache If you are using the Chrome web browser on a Windows PC, please press the Ctrl+Shift+R keys at the same time.
Or try viewing your site with a incognito window.

Best regards,
Mike

Hi,
Glad to hear, unless there is anything else we can help with on this issue, shall we close this then?

Best regards,
Mike

Hi,
Glad to hear, we will close this now. Thank you for using Enfold.

Best regards,
Mike