Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
Thank for the feedback, glad to hear it’s working for mobile, I had not looked at the tablet view yet, to expand this script for tablet I adjusted to this:

function custom_hide_top_script(){
  ?>
  <script>
(function($){
  $(window).scroll(function(){
  	var width = $(window).width();
  	var scrolled = $(window).scrollTop();
 if ( scrolled >= 60 && width <= 480) { 	
  $( '#header' ).each(function() {
  $(this).css({'background-color':'#ffffff','position':'fixed','top':'-60px'});
  $('.responsive #top #wrap_all #main').css({'padding-top':'113px'});
  });
 }
else if ( scrolled <= 60 && width <= 480){
 	$( '#header' ).each(function() {
 	$(this).css({'background-color':'#ffffff','position':'relative','top':'0'});
 	$('.responsive #top #wrap_all #main').css({'padding-top':'0px'});
 });
  }
else if ( scrolled >= 30 && width >= 480) { 	
  $( '#header' ).each(function() {
  $(this).css({'background-color':'#ffffff','position':'fixed','top':'-30px'});
  $('.responsive #top #wrap_all #main').css({'padding-top':'113px'});
  });
 }
else if ( scrolled <= 30 && width >= 480){
 	$( '#header' ).each(function() {
 	$(this).css({'background-color':'#ffffff','position':'relative','top':'0'});
 	$('.responsive #top #wrap_all #main').css({'padding-top':'0px'});
 });
  } else {}
  });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_hide_top_script');

This is because before 480px your topbar is 60px high & after 480px your topbar is 30px.
There is still a slight jump on scroll down, this is because the #main container is given zero padding, but we want it to have a 113px offset (padding-top), so on scroll when the top padding is removed from the #main it looks like it is jumping.
I’m not sure we are going to be able to overcome this.

Best regards,
Mike

Hi,
If the h3 only contains the word “Articles” then try using css to hide it:

#top.archive.tag h3.tag-page-post-type-title {
	display: none;
}

This should work but I don’t have the class tag-page-post-type-title so this must be a custom class.

Best regards,
Mike

Hi,
I don’t believe “WordPress > Customize > Additional CSS” will be lost on updates, I will need to re-check.
If the css I gave you is causing an issue please remove, otherwise I will be happy to review your css and site.

Best regards,
Mike

Hi,
Thanks for the update, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
Glad to hear this helped, and thanks for pointing out the language issue, I will correct the translation and submit to the dev team.
Unless there is anything else we can assist with on this issue, shall we close this then?

Best regards,
Mike

Hi,
Sorry for the late reply and thanks for your patience. So I re-wrote the script and disabled your css for the fixed mobile header and I found that the header and topbar were scrolling smoothly but the slider was not, so once I adjusted for that it looks smooth.
Please clear your browser cache and check.

This is the new script:

function custom_hide_top_script(){
  ?>
  <script>
(function($){
  $(window).scroll(function(){
  	var width = $(window).width();
  	var scrolled = $(window).scrollTop();
 if ( scrolled >= 60 && width <= 767) { 	
  $( '#header' ).each(function() {
  $(this).css({'background-color':'#ffffff','position':'fixed','top':'-60px'});
  $('#full_slider_1').css({'padding-top':'130px'});
  });
 }
 else if ( scrolled <= 60 && width <= 767){
 	$( '#header' ).each(function() {
 	$(this).css({'background-color':'#ffffff','position':'relative','top':'0'});
 	$('#full_slider_1').css({'padding-top':'0px'});
 });
  } else {}
  });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_hide_top_script');

Best regards,
Mike

Hi,
Sorry for the late reply and thanks for the link. I tried to login but WordFence locked me out. Please see the Private Content area.

Best regards,
Mike

Hi,
My Google research finds that “zeo_title” is from this code:

$tax_meta = get_option('zeo_taxonomy_meta');
$this->form_row('zeo_title', __('SEO Title', 'wordpress-seo'), __('The SEO title is used on the archive page for this term.', 'wordpress-seo'), $tax_meta);

It looks like it’s from the SEO plugin.

Best regards,
Mike

Hey Kyle,
Sorry for the late reply, when using the “link” post type they link to different pages with their headline. Please include an admin login in the Private Content area so we can see how you are adding the excerpts and investigate this issue.

Best regards,
Mike

Hi,
Sorry for the late reply and thanks for the screenshot, instead of using a Text element to display your code snippet you should try using a Code Block element.

To remove the “itemscope” & “itemtype” from the code block parent add a custom ID to the code block element, such as “remove_parent_attr”

Then add this code to the end of your functions.php file in Appearance > Editor:

function remove_parent_attr(){
  ?>
  <script>
(function($){
  $(window).load(function(){
  $( '#remove_parent_attr' ).each(function() {
  $(this).removeAttr('itemscope');
  $(this).removeAttr('itemtype');
  $(this).find('.avia_codeblock').removeAttr('itemprop');
  });
  });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'remove_parent_attr');

Then clear your browser cache and check.

Best regards,
Mike

Hey GiroudMathias,
Sorry for the late reply, do you mean that you want your archive pages such as the category pages, to have the same layout as a page created by assigning a blank Classic Editor page as the place a blog will show in the theme options “And where do you want to display the Blog?”

I assume this because it the only place with the layout option “List Layout – Simple (Title and meta information only)”, for the option above it what do you have set for the “Blog Styling” option?

So when I test this the two pages look the same

Please check your settings to achieve the same.

On a side note, if you wanted the archive & tag pages to match an Advanced Layout Builder blog page this filter will do that. The available layouts are single-small, single-big, blog-grid and multi-big.

Best regards,
Mike

Hi,
Sorry for the late reply, and thanks for the link. This css will change the font size of the title of the post slider when it is in a 2/3 column.

#top #main .flex_column.av_two_third .avia-content-slider h3.slide-entry-title {
	font-size: 40px !important;
}

Then at the bottom of the page you have a full width column so to make those titles a different font size, so we will use this css:

#top #main .flex_column.av_one_full .avia-content-slider h3.slide-entry-title {
	font-size: 30px !important;
}

So you can have css rules to change the font size of the titles depending on what columns they are in.

Please try the above code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field, after applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Thank you @Guenni007 for your button example page, @peterolle I have a fresh install of the 2017 demo and for the Translucent Button on the button demo page it is created strictly with theme options.

In this demo the button element is inside of a column element which has the background color, you can replace it with an image strickly with column styling options.


So since every thing up to here is done in the element options, I’m sure you have been able to do these, if not then there must be a conflict or an error that we should take a look at.
But for the Translucent Button to contain the background image and not the column you will need to add a little css only to point to the image, this is not an option yet. So for example I removed the column background color and added a custom class to the button in the advanced options, I used “translucent_button_background”

then I added this css:

.translucent_button_background > a.avia-button {
    background-image:url('https://test.test/wp-content/uploads/2020/07/cool-background.jpg');
    background-size: cover;
}

for this result

From your posts I was not sure if you want the column to have the background image since that was were the black color came from, or if you wanted the button to have the background image, so I showed both.

Best regards,
Mike

Hi,
Sorry for the late reply, I examined your slider element and found that Safari is getting the position from the parent div .ls-wrapper.ls-in-out this div has the position as in-line css which Safari is using over the stylesheet css that Firefox & Chrome are using.
So I tried adjusting the in-line css though the layerslider options but none seem to address this, I then tried this css in the General Styling > Quick CSS field and in the WordPress > Customize > Additional CSS field:

@media only screen and (min-width: 990px) {
   #top.home #layerslider_1 .ls-wrapper.ls-in-out{
        top: 83% !important;
        left:40px !important;
    }
}

Unless you have a server cache that can be cleared, this doesn’t seem to be working, but please check.

Best regards,
Mike