Hi,
Ok, we will wait to hear back from you.

Best regards,
Mike

Hi,
Thanks for the feedback, it looks like the above css has added with the color white:

please check, if it has been added as Nikko posted above then include admin login in the Private Content area so we can investigate.

Best regards,
Mike

Hi,
I reason the sublines were not showing was because you forgot to add the custom class subline-gallery to the element, I added it for you and this css:

@media only screen and (max-width: 1024px) {
.responsive .av-horizontal-gallery.subline-gallery .av-horizontal-gallery-wrap {
    min-width:300px;
    min-height: 300px;
}
.av-horizontal-gallery.subline-gallery {
	min-height: 300px;
}
}

Please clear your browser cache and check.

Best regards,
Mike

Hi,
Based on the Advanced Layout Builder post you linked to, inside #main you have 4 color sections, but the second one seems to be the “content” so if this was true for all of them you could use: querySelector('#top.single-post #main #av_section_2')

As for the shortcode, if you already have [rt_reading_time] added to many posts you can change the last line in the script:
document.getElementById("r-time").innerHTML = "✮ "+ maincount + " minute read";
to this:

var readingTime = document.querySelector("#top.single-post #main");
readingTime.innerHTML = readingTime.innerHTML.replace("[rt_reading_time]", "✮ "+ maincount + " minute read");

in my test this works.

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

Hey marxsvjetlana64,
Try adding this code to the end of your functions.php file in Appearance ▸ Editor:

function custom_script() { ?>
    <script>
(function($) {
  $( '.slide-entry' ).each(function() {
  $( this ).find( 'time.slide-meta-time' ).insertBefore( $(this).find('.slide-entry-title') );
  });
})(jQuery);
</script>
    <?php
}
add_action('wp_footer', 'custom_script');

If this doesn’t help please link to the page so we can examine the elements.

Best regards,
Mike

Hey Kyle,
Thanks for the link to your function and page, I see that this works correctly on a Classic Editor post, but for an Advanced Layout Builder post the reading time is incorrect. That is because this function is running in PHP on the server side before the Advanced Layout Builder shortcode is executed, so for it to work you would need to have this run after the post content shortcode has been executed, but I found no way to do that.
I recommend using javascript to do this since it runs after the shortcode is executed. I found this Estimated Reading Time script and modified it a little and it seems to work correctly on Classic Editor & Advanced Layout Builder posts.
Try adding this code to the end of your functions.php file in Appearance ▸ Editor:

//use <div id='r-time'/></div> to display reading time
function estimated_reading_time() { ?>
    <script>
//function use to convert character into words
function get_text(el) {
    ret = "";
    var length = el.childNodes.length;
    for(var i = 0; i < length; i++) {
        var node = el.childNodes[i];
        if(node.nodeType != 8) {
            ret += node.nodeType != 1 ? node.nodeValue : get_text(node);
        }
    }
    return ret;
}
//main body in which all words exist                              
var words = get_text(document.querySelector('#top.single-post #main>.container_wrap>.container'));
var count = words.split(' ').length;
//avg reading speed of person 200 word per minute
var avg = 200;
var counted = count / avg;
var maincount = Math.round(counted)
//show output of code                              
document.getElementById("r-time").innerHTML = "✮ "+ maincount + " minute read";
    </script>
    <?php
}
add_action('wp_footer', 'estimated_reading_time');

and add this div to your post as the “shortcode” to display: <div id='r-time'/></div>

Best regards,
Mike

Hi,
Thanks for your patience, perhaps it would be easier to go back to the step were we used a shortcode to add the button to the topbar, so to add a phone number to the left side and the button to the right we assume you are using the setting Enfold Theme Options ▸ Header ▸ Extra Elements ▸ Header Phone Number/Extra Info ▸ Display in top bar at the left and your phone number is in the Phone Number or small info text field.
Now we will add your button wrapped in a span with the class top-right link this:

<span class="top-right">[av_button label='Button' icon_select='no' icon='ue800' font='entypo-fontello' link='manually,https://kriesi.at/support/' link_target='_blank' size='medium' position='right' label_display='' title_attr='' color_options='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' btn_color_bg='theme-color' btn_custom_grad_direction='vertical' btn_custom_grad_1='#000000' btn_custom_grad_2='#ffffff' btn_custom_grad_3='' btn_custom_grad_opacity='0.7' btn_custom_bg='#444444' btn_color_bg_hover='theme-color-highlight' btn_custom_bg_hover='#444444' btn_color_font='theme-color' btn_custom_font='#ffffff' btn_color_font_hover='white' btn_custom_font_hover='#ffffff' border='' border_width='' border_width_sync='true' border_color='' border_radius='' border_radius_sync='true' box_shadow='' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' hover_opacity='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' id='' custom_class='' template_class='' av_uid='' sc_version='1.0' admin_preview_bg='']</span>

Now we will use this css

#header_meta .phone-info,#header_meta .phone-info > div {
	width: 100%;
}
#header_meta .phone-info .top-right {
	float: right;
}

and the result should be like this

Best regards,
Mike

Hi,
Very good, 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 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,
Oh ok, glad to hear that you have this sorted out, shall we close this then?

Best regards,
Mike

Hi,
Thanks, I’m not sure what happened but I saved the page again and now it is full width again. Please clear your browser cache and check.

Best regards,
Mike

Hi,
Do you mean that you have this error on many posts? That is that many posts have been edited with both the Classic Editor and the Advanced Layout Builder and now they show different content in the different editors?

Best regards,
Mike

Hi,
Perhaps I can write a script to move the language flags above the logo for mobile only, up to 590px would that work for you?

Best regards,
Mike

Hi,
If the images that you want full-width must be inside the tab section, then you would need to make the whole tab section full width, please clear your browser cache and check the test page below.
Now if you want the text areas “boxed” like before we can set a max-width for them, but for the 8 columns they can not be nested inside another column so we would need to convert them into shortcode and place them inside a code block, but since you are not done editing them yet it probably would not be easy for you in the future.
So the option is to use the whole tab section full width like on the test page below (clear your cache) or finish your image columns so they can be converted into shortcode for a code block section.

Best regards,
Mike