Hi,
The theme lists posts on the archive pages as H2 with the category under it and then the excerpt of the post.
On your page you are hiding the title field and manually adding an H1 in the content section which shows on the archive page as part of the excerpt and the original title from the page is included.
So if you used the main title on your page and didn’t manually add an H1 in your content you would not have the duplicate titles.
To me it looks like you are using the default editor for your page and you probably wanted the title to be under your featured image instead of in the gray title bar.
So if I have this correct try this, remove your manually added H1 title on your page and set your title to show on the page next to the breadcrumbs, this is a H1 title created by the theme.

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

function custom_title_script(){
  ?>
  <script>
  (function($) {
 $(document).ready(function(){
    $('.page .main-title.entry-title').detach().insertBefore('.entry-content');
 });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_title_script');

then your H1 title will show below your featured image:

and then on your archive page you will not have duplicate titles. But all of the titles will be H2 because SEO recommends that there should only be one H1 on any page.

Best regards,
Mike

Hi,
Thanks for the login, but I still don’t see a css file loading for this plugin. Perhaps it’s because Enfold has some modified BB Press files in the theme folder to enable BB Press to work correctly with Enfold.
How much styling did you want to do? Perhaps we can assist like the css above, did you find that working?

Best regards,
Mike

Hi,
Have you seen our Shop Demo, you can freely import this from your “Demo Import” option. There is also a shop demo within the 2017 Demo.
But I don’t know of any outside demos available. A good place to get inspiration is in our Showcase thread

Best regards,
Mike

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

Hey groovymarci,
Please try downloading the font from Google:
https://fonts.google.com/specimen/Montserrat?selection.family=Montserrat
Then import it at Enfold Theme Options > Import/Export > Custom Font Manager
Then when you choose the font for your element in the Enfold Theme Options > Advanced Styling be sure to use the one at the bottom of the list:

If the browsers are supporting “font-stretch” and the font you are using, then you can probably use it by adding support for it
in your custom csss, please see this link example.

Best regards,
Mike

Hey CommunityHousing,

Thanks for using Enfold. We will close this now.

Best regards,
Mike

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