Hi,
I believe there may be a misunderstanding, consider the “GALERIE” menu item, it is a mega menu item with two columns, so the two item can not be below each other like your regular menu items, perhaps you choose the “mega” option in the menu in error, please review and uncheck this option.
If I misunderstand your intention please explain further and include the admin login in the Private Content area so we can be of more assistance.

Best regards,
Mike

Hi,
Thanks for the feedback, I changed your css to this:

.sticky-top {
    position:fixed!important;
    top:0!important;
    z-index:600!important;
}
.sticky-top-added {
  position: fixed !important;
  top: -85px;
  width: 100%;
  z-index: 999;
  opacity: 0;
  background: #fff;
  transition: 0.3s all;
}

and changed the script to this:

function custom_collant_script() { ?>
    <script>
window.addEventListener('DOMContentLoaded', function() {
(function($){
  $(function() {       
     var scroll_start = 0;
     var startchange = $('.avia-section.collant');
     var offset = startchange.offset();
     var width = $(window).width()
      if (startchange.length){
     $(document).scroll(function() { 
        scroll_start = $(this).scrollTop();
        if((width >= 990) && (scroll_start > offset.top - 85)) {
          document.querySelector('.avia-section.collant').classList.add('sticky-top');
          document.querySelector('#header_main').classList.add('sticky-top-added');
         } else {
          document.querySelector('.avia-section.collant').classList.remove('sticky-top');
          document.querySelector('#header_main').classList.remove('sticky-top-added');
         }
     });
      }
  });
})(jQuery);
});
</script>
    <?php
}
add_action('wp_footer', 'custom_collant_script');

Now when the color section “collant” reaches the header the header hides and the color section sticks to the top of the screen.
Please note that if you are logged in and the admin bar is showing at the top the color section looks like it is under the admin bar, so please test not logged in and you will see that the color section is at the top of the screen.
Please clear your browser cache and check.
Please note that if you are using Safari can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.

Best regards,
Mike

Hi,
Glad to hear, shall we close this issue then?

Best regards,
Mike

Hi,
Glad to hear that you have this sorted out, I see that your other post has been addressed, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
As I understand the topic, this user was using a plugin that had some shortcode which could be used to wrap elements and would show or hide them based on the language, if you are using a plugin that offers a similar shortcode, try adding the button shortcode inside of the translation shortcode, for example:

Best regards,
Mike

Hi,
I examined the post linked below, and it looks like it is using color sections, wich doesn’t use padding like the grid rows, the edge is created by the max-width being 85%
This css works for this post, but I’m not sure if it will cause issues elsewhere on your site:

@media only screen and (max-width: 767px){
.responsive #top #wrap_all #main .container {
    width: 100%;
    max-width: 100%;
    padding-left: 6%;
    padding-right: 6%;

}
}

give this a try.

Best regards,
Mike

Hi,
Thanks Guenni007 for investigating, probably the easiest solution would be to advise using a minimum custom-height of 99% when using your iPhone solution above
it sounds like it is related to how the Apple navigation bar is calculated, from your comment above, and since it doesn’t occur on Android.
Veronika please try checking your other pages and the color sections you added the bg-fixed solution to try changing the minimum height from 100% to 99% and check on your iPhone.

Best regards,
Mike

Hi,
Thanks for your help @Guenni007,
On the page /biologique-recherche-und-warum-es-suchtig-macht/ I only found two color sections with the class bg-fixed and the minimum height set to 100%, so I added the class fullheight and changed to no minimum height and added the css as suggested.
Hopefully this will help on iPhone, but I can’t check.

Best regards,
Mike

Hi,
The code for the widget called “Enfold latest Portfolio” is at:
\enfold\framework\php\widgets\widget-classes\class-avia-portfoliobox.php
I’m not sure if there are any dependencies that would also need to be adjusted to change this to your CPT.
Please note that files in the \framework\php\ directory can not be included in a child theme, so any changes you make will need to be done for each theme update.

Best regards,
Mike

Hi,
Thanks for the screenshots your “weird” editor looks like it was added from a plugin, perhaps TinyMCE Advance, notice the “powered by Tiny” text.

Try finding the plugin and disabling it, this doesn’t occur in the theme with a new install so it is either a plugin or a customization.

Best regards,
Mike

Hi,
Thank you for the login to your site I believe the issue was that your child theme functions.php was missing the top <?php
I added it back and the script and the css to your child theme stylesheet.
I also adjusted the offset to 10% so the header hides just before the table gets to it.
Please clear your browser cache and check.

Best regards,
Mike

Hi,
Thanks for the feedback, so when I looked at your homepage on mobile the very first image is 100% width, I thought this was desired, then after it are some posts that your screenshot indicated to have the 6% padding, so far good right?
Now below when I see the other two full-width image sections, I assume they are like the top one and should remain full width, correct?
▸ Sind Gesichtssprays wirklich hilfreich?
▸ Sind Neujahrsvorsaetze gemacht um zu scheitern?
plus:
▸ Hier entsteht in Kürze ein Newsletter
Now originally I thought the posts after “Sind Gesichtssprays wirklich hilfreich?” were 6% also, but I see they are not, my mistake.
So for those grid rows I added a custom class paddingsix

and below the grid rows you have color sections with columns, so to include these I added the custom class fakepaddingsix

then I updated the css to this:

@media only screen and (max-width: 767px) { 
.responsive #top #wrap_all #main .av-flex-cells .no_margin:not(.av-zero-column-padding),
.responsive #top #wrap_all #main .av-flex-cells .paddingsix .no_margin {
padding-left:6% !important;
padding-right:6% !important;
}
.responsive #top #wrap_all #main .av-flex-cells .no_margin.av-zero-padding{
padding-left:0 !important;
padding-right:0 !important;
}
#top .fakepaddingsix {
  width: calc(100vw - 14%)!important; 
  position: relative !important; 
  left: calc(-44vw + 50%) !important; 
}
}

please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Thank you for the link to your site, I added the css to your Quick CSS for both your EN & DE theme options, and it is now working, please clear your browser cache and check.
Please note that WPML creates a theme panel for each language, so often you need to make the changes in both.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike