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,
Thank you for your patience as I understand you have adjusted your test page /lesson-tester/ so it is correct for mobile and desktop, and the issue now is tablet when it is two columns.
But you wrote above that on tablet it should be:
4 3
2 1

this seems to be the way it is:

is this correct?

for desktop it is
4321
mobile it is
1
2
3
4
and these are correct?

so for your other pages like /lesson-p1_33c/ which I understand you have not done anything to,
desktop is correct with (top row only):
ZIQ YAQ KIN YAK
tablet with two rows is correct with (top row only):
ZIQ YAQ
KIN YAK
and mobile with one row should be
YAK
KIN
YAQ
ZIQ
so for this page mobile is the only one wrong right now, correct?

Best regards,
Mike

Hi,
Those results are for pages that end with /?s= which is used by WordPress for search results and WordPress makes those pages no-index
If you try going to one of those pages, as I have linked below, you will get a search not found error because the url is wrong.
I suspect that the crawler is following the search link in your menu for each page

Best regards,
Mike

Hey julhobart,
Thanks for the link to your pages, are you using html tags in title elements such as strong, for example do you ever see this error?

Typically this is the cause when the element is not accessible and the formatting is incorrect, if so please restore your backup and correct each one of these warnings to ensure you will not have further issues.

Best regards,
Mike

Hi,
Thanks for the link to your site, your robots.txt is not blocking anything:

User-agent: *
Disallow:

and according to this site no-index is not found:

Best regards,
Mike

Hey Jean Gout,
Thanks for your login, I see that your server Max entry time is -1 please ask your webhost to change this as this should be around 180, and your PHP execution limit should be about 270.
These need to be changed so WordPress has the time to import the demos before it is timed out.

Best regards,
Mike

Hi,
Glad to hear that you have this sorted out, and thanks for sharing your solution, 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,
Thanks for the feedback, If you are going to use the LayerSlider it allows HTML, so add the buttons to it and the css to your stylesheet.

Best regards,
Mike

Hi,
Thanks for sharing Guenni007, this looks nice, but the main goal of THP Studio is to achieve a skewed border between the two buttons like in this example

do you have any ideas to achieve this?

Best regards,
Mike

Hey Swarez,
Thank you for your patience, I viewed the two PageSpeed tests that you linked above but they both have a Cumulative Layout Shift of zero.

Perhaps the results that you saw earlier was due to caching, please check again.

Best regards,
Mike

Hi,
Thanks for the link to the example, these buttons have multiple divs in them to create the skew so we would not be able to style one of our buttons to match this, but you could add these buttons to your page in a Code Block element, on my example page I added the button code and the css in the same Code Block element:

try this code:

<style>
  .home-section-cta-wrap {
      position: relative;
      z-index: 100;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin-top: 24px;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
  }
  
  .main_color .home-section-cta-wrap a {
    color: #fff !important;
  }
  .skewed-button {
      position: relative;
      width: 180px;
      padding: 10px 60px 10px 32px;
      -webkit-transition: width 0.2s ease;
      transition: width 0.2s ease;
      font-weight: 500;
      text-align: center;
      text-decoration: none;
  }
  .skewed-button-bg {
      position: absolute;
      left: 0;
      top: 0;
      right: 32px;
      bottom: 0;
      z-index: -1;
      border-style: solid none solid solid;
      border-width: 1px;
      border-color: #e0e0e0;
      border-top-left-radius: 1px;
      border-bottom-left-radius: 1px;
      border-bottom-right-radius: 1px;
  }
  .button-skew {
      position: absolute;
      left: auto;
      top: 0;
      right: 0;
      bottom: 0;
      z-index: -1;
      width: 50%;
      margin-top: -1px;
      margin-right: -18px;
      margin-bottom: -1px;
      border-top: 1px solid #000;
      border-right: 2px solid #000;
      border-radius: 0 2px 1px 1px;
      -webkit-transform: skew(-45deg, 0deg);
      -ms-transform: skew(-45deg, 0deg);
      transform: skew(-45deg, 0deg);
  }
  .skewed-button.skewed-button--right {
      margin-left: -12px;
      padding-right: 32px;
      padding-left: 60px;
  }
  .skewed-button-bg.skewed-button--right.cc-pink {
      border-style: solid;
      border-color: #ff6180;
      background-color: #ff6180;
  }
  .skewed-button-bg.skewed-button--right {
      left: 32px;
      right: 0;
      border-top-right-radius: 1px;
      border-bottom-left-radius: 0;
  }
  .button-skew.button-skew--right {
      left: 0;
      right: auto;
      margin-right: 0;
      margin-left: -22px;
      border-style: none none solid solid;
      border-bottom-width: 1px;
      border-left-width: 2px;
      border-radius: 1px 0 0 2px;
  }
  .button-skew {
      background-color: inherit;
      border-color: inherit !important;
  }
  .skewed-button:hover {
      width: 200px;
  }
  </style>
  
  <div class="home-section-cta-wrap">
  <a href="#" class="w-inline-block skewed-button">
    <div class="skewed-button-bg">
      <div class="button-skew"></div>
    </div>
    <div>Learn more</div>
  </a>
  <a href="#" class="skewed-button skewed-button--right cc-white-text w-inline-block">
    <div class="skewed-button-bg skewed-button--right cc-pink">
      <div class="button-skew button-skew--right"></div>
    </div>
    <div>Buy now</div>
  </a>
  </div>

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
I hope this helps.

Best regards,
Mike

Hi,
Thanks for the login, when I checked the backend the third one was set to No Link

I added a hash because I don’t know what link it should have and now it is showing, please add the correct link:

Best regards,
Mike

Hi,

@Angeladlh Thank you for your patience, right now the only way to add the tags in the blog element when using the single author,small preview like you are is with the modified /enfold/includes/loop-index.php file that I linked to above.
The Dev Team will make this feature available in the v5.4 update, so if you want to wait until then you won’t need to modify the file.
Please let us know if you need further assistance or if we shall we close this thread.

Best regards,
Mike

Hi,
When I check it looks like it has no image or link so there is nothing to show, if you do have an image in the backend please include an admin login in the Private Content area so we can also see the backend. Is this one also going to have a link? If so please apply the link and image the way you want it in the backend so we can see why it is not showing on the frontend.

Best regards,
Mike

Hi,
Thanks for your questions, to have the sidebar line separator go to the top you can use this css:
You can show 5 columns of related products with this woo shortcode [related_products columns="5" limit="5"] but a scroll or slide option is not available.
So to add this to the product summary area we can add this code to the end of your child theme functions.php file in Appearance ▸ Editor:

add_action('init','five_related_products_after_single_product_summary', 50);
function five_related_products_after_single_product_summary() {
	add_action( 'woocommerce_after_single_product_summary', 'add_five_related_products', 25);
}
function add_five_related_products() {
	if(is_product()) {
	echo do_shortcode( '[related_products columns="5" limit="5"]' );
	}
}

and this css:

.shop_columns_3 .products.columns-5 .product {
    margin: 0 1% 1% 0;
    width: 19%;
}

this is the expected results:

to hide the original related products area add this css:

#top.single-product #main #av_section_1 {
	display: none;
}

Best regards,
Mike