Hi,
Thanks, I have taken a look at this and some of the forms are a little different, but I tried to recreate this for all of the forms, but please remove all of the css for the forms and use this instead:

@media only screen and (min-width: 641px) {
.gform_wrapper .gform_body {
    width: 100% !important; 
    max-width: 500px !important; 
    margin-left: 0px !important; 
    margin-bottom: 3% !important; 
}
#top .gform_wrapper .gform_body li>.gfield_label {
  margin-left: 0px !important;
    width: 45% !important;
    max-width: 150px !important; 
}
}
#top .gform_wrapper .gform_body li>.ginput_container {
    width: 50% !important; 
    max-width: 300px !important; 
    float: left !important; 
margin-left: 0px !important;
}
#top .gform_wrapper .gform_body li>.ginput_container {
    margin-bottom: 3% !important; 
}
}

They should all be very close now, but if there are still any issues, please include a admin login in the private content area so we can take a closer look.

Best regards,
Mike

Hey gabs01,
Sorry for the late reply, if I understand your question correctly, you would like to have your homepage images in a circle like the ones you linked to in the Private Content area.
But I don’t see the link to your site, please include.

Best regards,
Mike

Hey ksei81,

I see that all of your errors are for the plugin “revslider” please disable by renaming the plugin folder via FTP to something like “revslider-2”

Is your WordPress also up-to-date?

Please explain how you updated, via FTP?

If you update via FTP you must remove the old copy of Enfold competently before uploading the new version with FTP – otherwise the old elements will remain in /shortcode folder and be duplicate, which breaks the theme.
Please try, via ftp, delete the “enfold” theme directory and then upload the new “enfold”

Another possible issue: please ensure your PHP is at least v5.6, if you are unsure please ask your webhost to check that this is done correctly, often this is not done correctly.

Best regards,
Mike

Hi,
That’s good to hear, please include the ftp access for the next two sites.

Best regards,
Mike

Hi,
Thank you for the feedback, the dev team are making many changes which we hope to remove your struggles.
Are you satisfied with the solution, or would you like me to login to your site and investigate further?

Best regards,
Mike

Hi,
Are you using header transparency on that page?
Another option is this jQuery, Try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_blog_title_script(){
  ?>
  <script>
jQuery(window).load(function(){
  jQuery( '<h1 class="main-title entry-title"><a title="Blog" itemprop="headline">Blog</a></h1>' ).insertBefore( '#top.blog article.post-entry:first-child' );
  });
 </script>
  <?php
  }
  add_action('wp_footer', 'custom_blog_title_script');

Best regards,
Mike

Hi,
Oh I see, you had the content outside of the tags on purpose.
I corrected your content & tags, and I linked to a comparison via dropbox in the Private Content area.
Please clear your browser cache and check your layerslider.

Best regards,
Mike

Hi,
Happy Sunday! :)
Unless there is anything else we can assist with on this issue, shall we close this then?

Best regards,
Mike

Hi,
Sorry, I got mixed up, so for your test site
I used this css to override your image and background-color:

.header_color .header_bg {
    background: transparent url(//demo.kmu-betreuung.ch/wp-content/uploads/2018/11/test-curved-header.png) center center no-repeat !important; 
    background-size: cover !important; 
    top: 112px !important; 
}
#header.header_color {
    background-color: red !important; 
}

to make the curve hang down over the pink content, and have the header a solid red. Notice that the image has to hang down 112px because the dips in the curve are a lot and we are trying to hide the straight line of the header.

Best regards,
Mike

Hey webworm72,
I have taken a look at your pages and for the second column that is down some, there is a line brake in the source code.

<br>

I tested this on my localhost and found that if a new line is created in the text block element then the BR tag is created.
To solve this issue, simply ensure no line brake is added to the element.
This is an example with the line break:

[av_one_half first]<ul>
<li>Meal planning</li>
<li>Calorie and macronutrient recommendations</li>
<li>Recipe selection and review</li>
<li>Nutrition therapy (for diabetes, high cholesterol, etc.)</li>
</ul>[/av_one_half]

[av_one_half]<ul>
<li>Restaurant and dining tips</li>
<li>Kitchen clean-out and grocery shopping advice</li>
<li>Information about diet myths, trends, and facts</li>
<li>Accountability and encouragement</li>
</ul>[/av_one_half]

and this is without the line brake:

[av_one_half first]<ul>
<li>Meal planning</li>
<li>Calorie and macronutrient recommendations</li>
<li>Recipe selection and review</li>
<li>Nutrition therapy (for diabetes, high cholesterol, etc.)</li>
</ul>[/av_one_half][av_one_half]<ul>
<li>Restaurant and dining tips</li>
<li>Kitchen clean-out and grocery shopping advice</li>
<li>Information about diet myths, trends, and facts</li>
<li>Accountability and encouragement</li>
</ul>[/av_one_half]

Best regards,
Mike

Hey Gary,
Please try this code in the General Styling > Quick CSS field:

@media only screen and (max-width: 767px) and (min-width: 300px) {
.responsive #top #wrap_all .grid-sort-container .grid-entry {
    width: 50% !important; 
}
}

Best regards,
Mike

Hi,
The first video has a wave.png in the area under the video, it is a example. I took your image and used the tool at Online Background Remover and made your image transparent

Best regards,
Mike

Hi,
Sorry for the late reply, to have a taller masonry item please try the “High Portrait” Orientation:

to have the blue overlay fill within the masonry item try to place it within the “av-inner-masonry” link this:

a.av-masonry-entry:hover > .av-inner-masonry:before {
content: attr(title)!important; 
background: #0D47A1!important;
position: absolute!important;
bottom: 0!important;
left: 0!important;
right: 0!important;
width: 100%!important;
height: 40%!important;
z-index: 10!important;
text-align: center!important;
line-height: 180px!important;
opacity: 1!important;
font-weight: bold!important;
font-size: 24px!important;
color: #fff !important;
transition: ease-in linear 2s!important;
}

unfortunately the title attribute is not showing with this though.
To see the element I tried to work on, try Enabling the Avia Layout Builder Debugger and using this shortcode:

[av_codeblock wrapper_element='' wrapper_element_attributes='' codeblock_type='' av_uid='av-jom6vm8p']
<style>
a.av-masonry-entry:hover > .av-inner-masonry:before {
content: attr(title)!important; 
background: #0D47A1!important;
position: absolute!important;
bottom: 0!important;
left: 0!important;
right: 0!important;
width: 100%!important;
height: 40%!important;
z-index: 10!important;
text-align: center!important;
line-height: 180px!important;
opacity: 1!important;
font-weight: bold!important;
font-size: 24px!important;
color: #fff !important;
transition: ease-in linear 2s!important;
}
</style>
[/av_codeblock]

[av_masonry_gallery ids='' items='4' columns='4' paginate='none' size='fixed' orientation='av-orientation-portrait-large' gap='large' overlay_fx='active' animation='active' container_links='active' id='' caption_elements='title excerpt' caption_styling='' caption_display='always' color='' custom_bg='' av-medium-columns='' av-small-columns='' av-mini-columns='' av_uid='av-jom67uwa']

Best regards,
Mike

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

Best regards,
Mike

Hi,
If I understand correctly, you would like your product pages to be a single column, full width, and show the product images.
Where would you like the product images, at the top of the page or the bottom?
Your product pages have a max-width of 800px, do you want that to stay true, or do you want them to be full width?
Please include a admin login so we can make the changes.

Best regards,
Mike