Hi,
@Shawn thank you for sharing, I’m sure someone will find this helpful.
Since this thread is from 2019 we will go ahead and close this, but if you have any further tips or 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 the screenshot it helped explain the order, so I tested on the /lesson-tester/ page as you had applied the reverse order on mobile in the element options, this option wraps each row in an extra div making the reversal possible with flex.
I tested this css for tablet and it seems to work:

@media only screen and (min-width: 768px) and (max-width: 989px){
.responsive #top #wrap_all .av-mobile-columns-flex  {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
}
.responsive #top #wrap_all .av-mobile-columns-flex .av_one_fourth:not(.column-top-margin) {
    margin-top: 50px;
}
}

lets try this on the /lesson-p1_33c/ page, set the reverse order on mobile in the element options, and test this css. If it works correctly then good, if not then remove the css but leave the reverse order on mobile in the element options enabled so I can test.
You will note in the above css I added a top margin for the first row because all of the other rows had a top margin, I’m not sure if this was because you had added a top margin in the backend to all rows but the first one, please check this on the /lesson-p1_33c/ page and make sure all rows have the same margin otherwise there will be no space between the top row 4 3 & 2 1

Best regards,
Mike

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