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

Hi,
Sorry for the late reply, and thanks for the login, please try downgrading and extracting the file in the Private Content area, it contains a zip file of the images for the demo and a modified enfold-2017.xml file. Please upload using FTP or your webhost file manager the two folders in the image zip file to \wp-content\uploads\ and upload the enfold-2017.xml file to \wp-content\themes\enfold\includes\admin\demo_files\ then clear your browser cache and clear your site cache, the button in your admin toolbar.
Then try importing again.

Best regards,
Mike

Hi,
Thanks for the kind words and 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,
Sorry for the late reply, and thanks for the test page, it looks like your grid is set to no gap in the element and then in your child theme css you are using this to add the right margin:

.grid-entry .inner-entry {
    margin-right: 40px;
} 

so try adjusting your css to this:

.grid-entry .inner-entry {
    margin-right: 40px;
    margin-bottom: 40px;
}

Then clear your browser cache and check.

Best regards,
Mike

Hey tedfinch,
Thank you for the login, I completed 5 tests as the user but didn’t see any errors on the results page. I also tested without the script from the other thread, but the results would not show, as expected. I also tested as the admin with the script activated, but I saw no difference to the user results.
I tested with Chrome & Firefox on Windows with the dev tools console open to hopefully catch any backend errors, I was also hoping that I would experience your “crash” to see what the console’s error message is, but it didn’t happen.
While you were working with LearnDash did they offer any solutions for showing the results?
The script I wrote is only adding css $('.wpProQuiz_results').css({display: 'block'}); to allow the div to show, so I don’t think that it is causing the crash but once we can recreate the error we will know more, but it sounds like the error is happening randomly.
Do you have any suggestions on how I can force the error, perhaps a longer test? If you link to a longer test please include the answer key.

Best regards,
Mike

Hi,
Sorry for the late reply, I have adjusted the script to :

function custom_hide_top_script(){
  ?>
  <script>
( function( $ ) {

  'use strict';

  var $window       = $( window );
  var $header       = $( '#header_meta' );
  $window.scroll( function() {
          var windowTop  = ($(window).scrollTop() <= 0);
          if ( windowTop ) {
              $header.addClass( 'top-show' );
              $header.removeClass( 'top-hide' );
          } else {
              $header.removeClass( 'top-show' );
              $header.addClass( 'top-hide' );
          }
  } );
} ( jQuery ) );
</script>
<?php
}
add_action('wp_footer', 'custom_hide_top_script');

and the css to:

@media only screen and (max-width: 1023px){
#header_meta.top-hide {
	min-height: 0;
	height: 0;
	visibility:hidden;
    opacity:0;
    transition:min-height 1s linear;
}
#header_meta.top-show {
	min-height: 61px;
    visibility:visible;
    opacity:1;
    transition:min-height 1s linear;
}
}

Please clear your browser cache and check.

Best regards,
Mike