Hi,
Please include FTP access in the Private Content area.

Best regards,
Mike

Hi,
conlcoa Please open a new thread with the url to the page in question and an admin login so we can be of more assistance.

Best regards,
Mike

Hi,
When I download your myriad-pro-cufonfonts.zip file I see the font is in an unsupported font format OTF, please see our documentation for Supported Font Formats.
You should try to Download @font-face Kit and use the @font-face rules in the stylesheet, which means that you will need to add css for the elements you want to use the font on and not in the Custom Font Manager.
I see these in your Custom Font Manager, are they all the same Myriad font?

I recommend removing these.

Best regards,
Mike

Hi,
It should look like this unless you are using a very old version of the theme, we are now at v5.4.1

If you still don’t see it please include an admin login in the Private Content area so we can be of more assistance.

Best regards,
Mike

Hey michael_wunderbar,
If I understood correctly the following script will hide the portfolio grid container on page load and only show the portfolio sort container, when any of the categories in the sort container are clicked they will show, when the “All” category is clicked they all will hide again.
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_script() { ?>
  <script>
(function($) {
if ($('.avia-fullwidth-portfolio #js_sort_items .all_sort_button.active_sort')){
	$('.avia-fullwidth-portfolio .grid-sort-container ').css({'display':'none'});
}else{}
   $("#js_sort_items a:not(.all_sort_button)").click(function() {
      $('.avia-fullwidth-portfolio .grid-sort-container ').css({'display':'block'});
  });
  $("#js_sort_items a.all_sort_button").click(function() {
      $('.avia-fullwidth-portfolio .grid-sort-container ').css({'display':'none'});
  });
}(jQuery));
</script>
  <?php
}
add_action('wp_footer', 'custom_script');

If you have any trouble with this please include an admin login in the Private Content area so we can be of more assistance.

Best regards,
Mike

Hi,
Thanks for your patience, your current site using the parent theme has the error: Uncaught ReferenceError: jQuery is not defined because Yigit script above is using jQuery().ready(function(){ before jQuery is loaded, but I can not find it in your parent theme functions.php to correct by wrapping with:

window.addEventListener("DOMContentLoaded", function () { ... });

Your child theme functions.php has Guenni007’s script and it works correctly.
Did you add the script in the parent theme elsewhere? If not try clearing your server cache.

Best regards,
Mike

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