Hey tsvweinsberg,
Thanks for the screenshots, if you make the text area wider the text will stay in one line.
If you need help with the css to do this please link to the page so we can examine.

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,
Thanks for the login, although it doesn’t seem to be admin because I couldn’t view most of the backend, I see that your issue is with the WordPress Block Editor and an error in it’s styling, it has not added the semicolon to the source code:

for your situation you can try this css in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

.has-col-969696-color.has-col-000000-background-color.has-text-color.has-background.has-fs-20-px-font-size {
    color: rgb(150, 150, 150);
    background-color: rgb(0, 0, 0);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    font-family: serif;
    text-transform: capitalize;
    letter-spacing: 23px;
    white-space: pre-wrap;
    min-width: 1px;
}

After applying the css, please clear your browser cache and check.
We can’t adjust the Block Editor because it is a core WordPress element, perhaps try the Advanced Layout Builder.

Best regards,
Mike

Hi,
To add a screenshot please try using an Screenshot service and pasting the image URL in your post.

Best regards,
Mike

Hi,
You would need to copy the whole code for each link, it might be better to list your pages as an array like:
if(is_page(array(42, 57, 71))) {

Best regards,
Mike

Hi,
I believe the issue is that you are using an old version of the theme: v4.7.3 we are now at v4.9.2.3 so please try updating.
I wrote more about updating in your other thread, please check.

Best regards,
Mike

Hey 4ward4x4,
Thanks for your question, you would want to change the header color in the Logo Area Hintergrundfarbe option

Best regards,
Mike

Hey sky19er,
Thanks for your question, you can limit the size of the container to 500px with this css:

#accordion_slider_1 .avia-accordion {
	max-height: 500px;
}

but your current images will not be the correct ratio because the width of each image needs to cover the space for the mouse-over.
With your current images you could correct this with this css:

#accordion_slider_1 .avia-accordion {
	max-height: 500px;
}

#top .aviaccordion-slide img {
	object-fit: cover;
	object-position: left bottom;
}

this allows the image to show the correct ratio, but I don’t believe this is want you want because the resolution is the same.
I believe to achieve what you want you should use images that are double the size you want to show, such as 1000px X 1776px, then when you limit the height to 500px the image will show as 500px X 888px (16:9) and look crisper on retina screens.

Best regards,
Mike

Hey Arjan,
Thanks for the link to your site, please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

@media only screen and (min-width: 767px) and (max-width: 1100px) {

		/*header*/		
		.responsive #top #wrap_all #header {position: relative; width:100%; float:none; height:auto; margin:0 !important; opacity: 1; min-height:0;}
		.responsive #top #main {padding-top:0 !important; margin:0;}
		.responsive #top #main .container_wrap:first-child{ border-top:none; }
		.responsive.html_header_top.html_logo_center .logo { left: 0%; -webkit-transform: translate(0%, 0); -ms-transform: translate(0%, 0); transform: translate(0%, 0); margin:0; }
		
		
		.responsive #top .logo{position: static; display:table; height:80px !important; float:none; padding:0; border:none; width:80%; }
		.responsive .logo a{display:table-cell; vertical-align: middle;} 
		.responsive .logo img{height:auto !important; width:auto; max-width: 100%; display: block;  max-height: 80px;}
		.responsive #header_main .container{height:auto !important; }
		.responsive #top .header_bg { opacity: 1; filter: alpha(opacity=1); }
		.responsive.social_header .phone-info {text-align: center; float:none; clear:both; margin:0; padding:0;}
		.responsive.social_header .phone-info span{border:none; width:100%; text-align: center; float:none; clear:both; margin:0; padding:0;}
		.responsive #header_meta .social_bookmarks li{ border-style:solid; border-width:1px; margin-bottom:-1px; margin-left:-1px;}
		.responsive #top #header_meta .social_bookmarks li:last-child{border-right-style: solid; border-right-width:  1px;}
		.responsive #header .sub_menu, .responsive #header_meta .sub_menu>ul{float:none; width:100%; text-align: center; margin:0 auto; position: static;}
		.responsive #header .social_bookmarks{padding-bottom:2px; width:100%; text-align: center; height:auto; line-height: 0.8em; margin:0;}
		.responsive #header_meta .sub_menu>ul>li{float:none; display: inline-block; padding: 0 10px;}
		.responsive #header .social_bookmarks li{float:none; display: inline-block;}
		.responsive.bottom_nav_header #header_main .social_bookmarks{ position: relative; top: 0; right: 0; margin: 10px auto; clear:both;}
		.responsive.bottom_nav_header.social_header .main_menu>div{height:auto;}
		.responsive .logo img{margin:0;}
		.responsive.html_header_sidebar #top #header .social_bookmarks{display:none;}
		.responsive body.boxed#top, .responsive.html_boxed.html_header_sticky #top #header{max-width: 100%;}
		
		.responsive.html_header_transparency #top .avia-builder-el-0 .container, .responsive.html_header_transparency #top .avia-builder-el-0 .slideshow_inner_caption{padding-top:0;}
		.responsive #top .av_phone_active_right .phone-info.with_nav span{border:none;}
		
		.responsive #top #wrap_all .av_header_transparency .main_menu ul:first-child > li > a, 
		.responsive #top #wrap_all .av_header_transparency .sub_menu > ul > li > a, 
		.responsive #top .av_header_transparency #header_main_alternate, 
		.responsive .av_header_transparency #header_main .social_bookmarks li a,
		.responsive #top #wrap_all .av_header_transparency .phone-info.with_nav span,
		.responsive #top .av_header_transparency #header_meta, 
		.responsive #top .av_header_transparency #header_meta li,
		.responsive #top #header_meta .social_bookmarks li a{ color:inherit; border-color: inherit; background: inherit;}
		.responsive.html_top_nav_header .av-logo-container{height:auto;}
		.responsive.html_top_nav_header .av-section-bottom-logo{border-bottom-style: solid; border-bottom-width: 1px;}

/*new mobile*/
		.responsive .av-burger-menu-main{display: block;}
		.responsive #top #wrap_all .main_menu{top:0;height:80px;left:auto;right: 0;display: block;position: absolute;}
		.responsive .main_menu ul:first-child > li a { height: 80px; line-height: 80px;}
		.responsive #top .av-main-nav .menu-item{display:none;}
		.responsive #top .av-main-nav .menu-item-avia-special{display:block;}
		.responsive #top #wrap_all .menu-item-search-dropdown > a { font-size: 24px; }
		.responsive #header_main_alternate{display:none;}
		.responsive #top #header .social_bookmarks{display:none;}
		.responsive #top #header .main_menu .social_bookmarks{display:block; position: relative; margin-top: -15px;}
		.responsive #top .av-logo-container .avia-menu{height:100%;}
		.responsive #top .av-logo-container .avia-menu > li > a{line-height: 80px;}
		.responsive #top #main .av-logo-container .main_menu{display:block;}
		.responsive #top #main .av-logo-container .social_bookmarks{display:none;}
		.responsive #top #main .av-logo-container .main_menu .social_bookmarks{display:block; position: relative;}
		.responsive #top #main .av-logo-container .main_menu{display:block;}
		.responsive #top #header_main > .container .main_menu  .av-main-nav > li > a,
		.responsive #top #wrap_all .av-logo-container {height:80px; line-height:80px; }
		.responsive #top #wrap_all .av-logo-container {padding:0;}
		.responsive #top #header_main > .container .main_menu  .av-main-nav > li > a{
			min-width: 0; padding:0 0 0 20px; margin:0; border-style: none; border-width: 0;
		}
		.responsive #top .av_seperator_big_border .avia-menu.av_menu_icon_beside{border-right-style: solid; border-right-width: 1px; padding-right: 25px;}
		.responsive #top #header .av-main-nav > li > a, .responsive #top #header .av-main-nav > li > a:hover{
		background:transparent;
		color: inherit;
		}
.html_cart_at_menu.html_header_sidebar #header_main .avia-menu {
    margin-top: 0px;
}
.responsive.html_header_sidebar #header .avia-custom-sidebar-widget-area .widget {
  display: none;
}
.html_header_sidebar #menu-item-shop.cart_dropdown {
    right: 80px;
    border: none;
    margin-top: 15px;
}
.html_header_sidebar #header .container {
	width: 85%;
}
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey Ramon,
Thanks for the login, this seemed to be happening around 1024px when your tablet header was sticky, I’m not sure the cause but I added this to your child theme and it seemed to correct:

function custom_tablet_scroll_script() { ?>
    <script>
(function($) {
  $('a[href*=#]:not([href=#])').click(function() {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') 
&& location.hostname == this.hostname) {

      var target = $(this.hash);
      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
      if (target.length) {
      	if ($(window).width() > 990) {
        $('html,body').animate({
          scrollTop: target.offset().top - 195 //offsets for fixed header
        }, 1000);
        return false;
      	} else {}
      }
    }
  });
  //Executed on page load with URL containing an anchor tag.
  if($(location.href.split("#")[1])) {
      var target = $('#'+location.href.split("#")[1]);
      if (target.length) {
      	if ($(window).width() > 990) {
        $('html,body').animate({
          scrollTop: target.offset().top - 195 //offset height of header here too.
        }, 1000);
        return false;
      	} else {}
      }
    }
}(jQuery));
</script>
    <?php
}
add_action('wp_footer', 'custom_tablet_scroll_script');

Please clear your browser cache and check.

Best regards,
Mike

Hi,
Thank you for your patience, this css will make the inner tab width match the screen width so when the table is scrolled it will fully show:

@media only screen and (max-width: 767px) {
	.responsive #top.page-id-35 #wrap_all #main .av-layout-tab-inner {
		width: 100vw;
	}
}

but the problem is that on mobile the tab section also scrolls with ‘touchmove’ tab to tab and trying to scroll the table inside the tab actually scrolls the tab.
For mobile devices your table should have switched it’s layout, did you add and custom css to prevent this? You may need to allow the mobile switch so all of the columns show.
I also experimented with removing the ‘touchmove’ for the tabs but was not able to enable it for the tab childern elements at the same time, so this doesn’t seem to be an option.

(function($) {
$('.av-layout-tab').bind('touchmove', false);
}(jQuery));

Another option might be to show an image of the table for mobile that will open in a lightbox so the user can view it full screen.

Best regards,
Mike

Hi,
Glad to hear that you have this sorted out, 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,
I see that you have added the css that I suggested above with the media query, but your original css is also still there causing a conflict:

.html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 211px !important;
}

please remove this if you have not, if you have removed it then please disable your Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression and enable the Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files and then clear your browser cache and check again, because the original rule is still in the merged css.

Guenni007 this is a good tip thank you, and this is true thanks.

Best regards,
Mike

Hi,
Glad we were able to help, thanks for the offer but we are happy 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,
Glad to hear, I don’t believe that you would see this error naturally occur from Enfold sites that were updated in the past or will be updated in the future, our Dev Team has been very pro active in keeping the theme backward compatible. I have seen very old versions updated to the latest version successfully.
Please note that if a user edits an ALB page with a different editor, such as the Classic Editor, Block Editor, or some other editor plugin, they will not be able to convert it back to an ALB page automatically, it will become a hybrid page. I only point this out should a client add some builder plugin and start editing pages.
Unless there is anything else we can assist with on this issue, shall we close this then?

Best regards,
Mike