Hi,
Thanks, but I get the error Your account has not been approved yet., please check.

Best regards,
Mike

Hey MotiveAgency,
Thanks for your question, I’m not familiar with slick.js I imagine that you could add your “slides” via a code block element in the color section and add css to make the “slides” look like columns for desktop devices, but I don’t see an easy way to apply the javascript to the columns to become slides.
The Content Slider uses the avia-shortcodes/slideshow/slideshow.js , but rewriting this for columns would be a big job.
I recommend your first idea of using 2 elements and showing/hiding the relevant element per device.
Perhaps another option would be to try adding a custom classes to your three columns ie: .one, .two, .three and add a icon element with the custom class .next which only shows on mobile to toggle between your column “slides”:

Then in the code block element add this:

<style>
@media only screen and (max-width: 767px) { 
#top #main .avia-section .entry-content-wrapper {
  overflow: hidden;
  position: relative;
  height: 100vh;
}
#top #main .avia-section .entry-content-wrapper .no_margin.av_one_third {
  float: left;
  width: 100%;
  position: relative;
}
}
</style>
<script>
(function($) {
  var state = 1;
  $('.next').click(function() {

    if(state==1){
       $('.one').hide();
       $('.two').show();
       state=2;
    } 
    else if(state==2){
       $('.two').hide();
       $('.three').show();
       state=3;
    }
    else if(state==3){
       $('.three').hide();
       $('.one').show();
       state=1;
    }
  
});
}(jQuery));
</script>

On desktop you will have 3 columns:

on mobile only one column will show at a time and clicking the arrow will toggle the next column in a circle:

Best regards,
Mike

Hey Jochen,
Thanks for the link to your pages, you cannot use the Advanced Layout Builder to create your category pages unless you create specific pages and redirect to them.
But you can change the layout of the category pages, for example, if you want to use the grid layout add this filter to your child theme functions.php:

add_filter('avf_blog_style','avia_change_category_blog_layout', 10, 2); 
function avia_change_category_blog_layout($layout, $context){
if($context == 'archive') $layout = 'blog-grid';
return $layout;
}

To create a custom header to the top of your category pages you could add the element shortcode via a function like this:

add_action('ava_after_main_title', 'ava_after_main_title_mod');
function ava_after_main_title_mod() {
	if(is_category('news')) {
		echo do_shortcode("[av_one_full first min_height='' vertical_alignment='av-align-top' space='' row_boxshadow_width='10' row_boxshadow_color='' margin='0px' margin_sync='true' av-desktop-margin='' av-desktop-margin_sync='true' av-medium-margin='' av-medium-margin_sync='true' av-small-margin='' av-small-margin_sync='true' av-mini-margin='' av-mini-margin_sync='true' mobile_breaking='' mobile_column_order='' border='' border_style='solid' border_color='' radius='' radius_sync='true' min_col_height='300px' padding='' padding_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-padding='' av-mini-padding_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' column_boxshadow_width='10' column_boxshadow_color='' background='bg_color' background_color='#7bb0e7' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' parallax_parallax='' parallax_parallax_speed='' av-desktop-parallax_parallax='' av-desktop-parallax_parallax_speed='' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' css_position='' css_position_location=',,,' css_position_z_index='' av-desktop-css_position='' av-desktop-css_position_location=',,,' av-desktop-css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='' template_class='' aria_label='' av_uid='av-leu1xz8x' sc_version='1.0'][av_heading heading='Custom Header' tag='h3' style='blockquote modern-quote modern-centered' subheading_active='' show_icon='' icon='ue800' font='entypo-fontello' size='' av-desktop-font-size-title='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' subheading_size='' av-desktop-font-size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' icon_size='' av-desktop-font-size-1='' av-medium-font-size-1='' av-small-font-size-1='' av-mini-font-size-1='' color='custom-color-heading' custom_font='#ffffff' subheading_color='' seperator_color='' icon_color='' margin='' margin_sync='true' av-desktop-margin='' av-desktop-margin_sync='true' av-medium-margin='' av-medium-margin_sync='true' av-small-margin='' av-small-margin_sync='true' av-mini-margin='' av-mini-margin_sync='true' headline_padding='' headline_padding_sync='true' av-desktop-headline_padding='' av-desktop-headline_padding_sync='true' av-medium-headline_padding='' av-medium-headline_padding_sync='true' av-small-headline_padding='' av-small-headline_padding_sync='true' av-mini-headline_padding='' av-mini-headline_padding_sync='true' padding='10' av-desktop-padding='' av-medium-padding='' av-small-padding='' av-mini-padding='' icon_padding='10' av-desktop-icon_padding='' av-medium-icon_padding='' av-small-icon_padding='' av-mini-icon_padding='' link='' link_target='' id='' custom_class='' template_class='' av_uid='' sc_version='1.0' admin_preview_bg=''][/av_heading][/av_one_full]");
	}
}

In the code above you will note that I added the header only to the category News in if(is_category(‘news’)) this demonstrate that you can have different headers for different categories, you will also note that this element is not a color section, color sections will cause issues on pages with sidebars, you are better off using single full width columns.
You can use the shortcode wand to get the element shortcode or Enable the Avia Layout Builder Debugger.
Give this a try and if you have trouble include an admin login so we can assist.

Best regards,
Mike

Hey sky19er,
The Sticky Header option has always been ignored on mobile devices:

Perhaps you had used some javascript or css for a sticky mobile header, such as:

@media only screen and (max-width: 767px) {
  .responsive #top #wrap_all #header {
    position: fixed;
  }
  .html_header_top.html_header_sticky #top #wrap_all #main {
  	padding-top: 98px !important;
  }
}

Best regards,
Mike

Hey Martin,
Thanks for your question, theme updates are for life from your Envato Theme Forest account, and support is for 6 months unless you upgrade to the 12-month option.

Best regards,
Mike

Hi,
Thanks for your patience and the link to your site, in the theme settings Enfold Theme Options ▸ Advanced Styling you have picked the option Menu Links in overlay/slide out twice, once with a white background color and once with a blue background:

Try removing the option with the blue background color by using the red X and then save the theme options and Then clear your browser cache and any cache plugin, and check.

Best regards,
Mike

Hi,
Glad Yigit could 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 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,
Glad Ismael could 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 link to your page, currently I see you have a plugin wpo-minify active so it is minifying your css so I can’t see exactly where this rule is coming from that is preventing your link from showing the text-decoration underline, but from the classes I believe it’s from the WordPress Block Editor:

#top a:where(:not(.wp-element-button)) {
    text-decoration: none;
}

To override this css please try this css in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top #main .content a:where(:not(.wp-element-button)) {
    text-decoration: underline;
}

After applying the css, please clear your browser and minify plugin cache and check.
The expected results:

Best regards,
Mike

Hi,
Please try adding this css:

.hr.hr-custom.hr-center.hr-icon-yes .hr-inner {
    max-width: 24%;
}

After applying the css, please clear your browser cache and check.
If you are going to use many different separators I recommend adding a custom class to this one and adding that custom class to the css rule above.

Best regards,
Mike

Hi,
Demo installed, please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad Rikard could 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 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,
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