Hey Guenter,
I once found a WP filter that added body classes to posts based on categories, but I didn’t find one better than what you have found,

add_filter( 'body_class', 'add_category_class' );
function add_category_class( $classes ) {
    if( is_single() && has_category('news') ) $classes[] = 'news-cat';
    return $classes;
}

Best regards,
Mike

Hi,
Sorry for the late reply, since you were trying to hide the logo on scroll, please give this function a try, it will work for all screens smaller than 1024px, I believe that is the iPad landscape width, but you can adjust to suit.
Try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_hide_logo_script(){
  ?>
  <script>
(function ($) { 
  $(window).scroll(function() {
    var width = $(window).width(), height = $(window).height();    
    var scroll = $(window).scrollTop();
      if (scroll >= 20 && width <= 1024) {
    $('.logo').hide();
   } else {
    $('.logo').show();
   }
  });
 })(jQuery);
 </script>
<?php
}
add_action('wp_footer', 'custom_hide_logo_script');

or if you want to add and remove the header-scrolled class, try this function:

function custom_header_class_script(){
  ?>
  <script>
(function ($) { 
  $(window).scroll(function() {
    var width = $(window).width(), height = $(window).height();    
    var scroll = $(window).scrollTop();
      if (scroll >= 20 && width <= 1024) {
    $('#header').addClass('header-scrolled');
   } else {
    $('#header').removeClass('header-scrolled');
   }
  });
 })(jQuery);
 </script>
<?php
}
add_action('wp_footer', 'custom_header_class_script');

Best regards,
Mike

Hey marsh1984,
Sorry for the late reply and thanks for the screenshots and link.
2: So for your custom footer I’m not sure what size you would like the blue section so as an example I set the color section to “no padding” and it became 100px high because of the button, I then centered the button vertically in the space by adding this css to your Quick CSS:

#av_section_8 > .container {
  min-height: 100px;
  padding-top: 0px !important;
  display: flex !important; 
  align-items: center !important; 
  justify-content: center !important;
}

Please feel free to change the color section padding to suit.
1: I’m not sure where you would like the heading, when the header is transparent the page moves up typically about 116px so the image can be under the header and show though, so for mobile when the header is not transparent everything comes down. So can you explain where you want the “Dry Needling” perhaps centered in the image as it is for mobile?

Best regards,
Mike

Hi,
Sorry for the late reply, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

@media only screen and (max-width: 767px) {
.avia_scrollable_table .avia-table:before {
	content: "Scroll \27A4";
	font-size: 16px;
	float:right;
}
.avia_scrollable_table .avia-table > tbody > tr:nth-child(1) > td:nth-child(4):after {
	content: "Scroll \27A4";
	font-size: 16px;
	top:-77px;
	position: relative;
} 
}

Best regards,
Mike

Hi,
Sorry for the late reply, I have tested your contact form and saw your “2 day” message:

please let us know if you get the email.
I don’t see an admin login for your site, Please include an admin login in the Private Content area so we can investigate further.

Best regards,
Mike

Hi,
Thanks for the screenshot, but that is a different class and rule:

ls-thumbnail-slide{
display: none!important;
}

vs

.ls-slide {
    visibility: hidden !important;
}

On your live site please check the visibility of the slider in these plases:


I took a closer look at your homepage on the test site, and I see you have included strange classes that don’t seem to belong to a plugin, are you migrating from a different theme? The source code includes data-slideshow="true"

since it is calling a different slideshow where the layerslider is, I wonder if there is a conflict somehow?
On the test site I recreated your homepage using the Advanced Layout Builder, please the url in the Private Content area.
Please clear your browser cache and check this with your mobile device to see if this works for you.
As I understand the iPhone can be difficult to clear the cache, please try a couple of times.

Best regards,
Mike

Hi,
Sorry for the late reply and thanks for the links, I see one is a single product page and the other is an archive page and they have different background images, so I worked those images into this css for the transparent headers.
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#top.woocommerce-page #header {
    position: absolute;
    background: rgba(255,255,255,0.6);
}

#top.woocommerce-page #header .header_bg  {
    background: transparent;
    opacity: 0;
    filter: alpha(opacity=0);
}
#top.archive.woocommerce-page .template-shop,#top.archive.woocommerce-page #main {
	top:-116px !important; 
    background-image: url(https://aussiehiddentreasures.com/wp-content/uploads/2020/01/bg5-light.jpg);
    background-repeat: repeat;
    background-position: top left;
}
#top.single-product.woocommerce-page .template-shop,#top.single-product.woocommerce-page #main {
	top:-116px !important; 
    background-image: url(https://aussiehiddentreasures.com/wp-content/uploads/2020/01/bg1.jpg);
    background-repeat: repeat;
    background-position: top left;
}

#top.woocommerce-page .template-shop > .container {
	margin-top: 116px !important;
}

After applying the css, Please clear your browser cache and check.

Best regards,
Mike

Hi,
Sorry for the late reply, if I understand correctly all of the images are the same size and the cause is that some titles are longer so a second row is created?
So would a solution be to clip all titles to one row, or to make all titles two rows even if the titles are short?
I’m trying to see which would be acceptable for you.

Best regards,
Mike

Hi,
They work when I add them to my site, are they old links from a while back that contained manual options? Many of the control codes are no longer allowed by YouTube. Try updating your links and follow the recommended example that uses “watch” in the link.
https://www.youtube.com/watch?v=G0k3kHtyoqc

Best regards,
Mike

Hi,
Sorry for the late reply and thanks for the login, I downloaded your youtube video and found that for the 36 second clip only the first 14:20 is used the rest of it is a black space:

so that explains the long wait for it to loop. I recommend adjusting your video.

Best regards,
Mike

Hi,
Sorry for the late reply, and thanks for the login, but the login doesn’t give admin access so I was limited to my investigation.
When reviewing the loaded plugins I don’t see the plugin directory “bbp-style-pack” or css as expected, is the plugin activated?
I do see your bbp classes so I can give you some css to change your row colors, but that is about as much as I can help.

#bbpress-forums li.bbp-body ul.forum.even {
	background-color: #e1e1e1; 
}

Please see the screenshot in Private Content area.
Please upgrade our login to admin so we can be of more assistance.

Best regards,
Mike

Hi,
Glad to hear the workaround is helping for now, I have reported my findings to the dev team for their review and a better solution.
Thank you for your patience.

Best regards,
Mike

Hi,
Thanks for the feedback, I had thought you wanted the date under the title and above the divider, did you want the date over the title and under the category for the bottom 4 on /news/ page?
In order to show the categories for the top 3 I enabled categories to show on your Enfold Theme Options > Blog Layout > Blog meta elements options page. Your front page magazine element didn’t have the option to show the categories enabled, I did this for you.

Best regards,
Mike

Hi,
To switch the search bar and social icons around, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#header_meta > .container {
	display: flex !important;
	flex-direction: row !important; 
}
#header_meta {
	float: right !important; 
}

After applying the css, Please clear your browser cache and check.
The reason the logo is lower is because the Phone info div is above the logo and menu, Please see the screenshot in Private Content area, the colored area is the logo and menu div.

Best regards,
Mike

Hi,
Sorry for the late reply, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#js_sort_items > .sort_by_cat > a.active_sort span {
	color: #808080 !important;
}

Best regards,
Mike