Hi,

It is actually working properly on our end (screenshots above), but for some reason it’s not working on your installation. It is also a minor modification, which relocates the position of the stylesheet or link element in the head tag. Please post the FTP details in the private field so that we can access the file server and test the modification.

Best regards,
Ismael

Hi,

Thank you for the update.

You have to replace the following line of code, which contains the h1 tag or element.

if($description) $output .= "<h1>".$description."</h1>";

This part contains the product category description wrapped within an h1 element.

"<h1>".$description."</h1>";

You can replace h1 with another element or completely remove it.

Best regards,
Ismael

Hi,

Did you create a new element above the tab section with the id or the name “click-to-see-meeting-points”? The anchor link is not supposed to change or open a tab, it will just move the document above the tab section. Unfortunately, you cannot open a tab using an anchor link.

Best regards,
Ismael

Hey Christiane,

Thank you for the inquiry.

How did you add the image and apply the links? The original size of the image is not shown within the lightbox container because the image markup contains the sizes attribute, which limits the size of the image to the specified width.

We cannot reproduce the same issue on our end. We added the following html in a text block and it works as expected. It opens the image without the sizes attribute and displays it in its original size.

<a href="http://localhost:8000/wp-content/uploads/2021/09/morgan4.jpg"><img class="alignnone wp-image-19 size-medium" src="http://localhost:8000/wp-content/uploads/2021/09/morgan4-300x300.jpg" alt="" width="300" height="300" /></a>

Best regards,
Ismael

Hi,

Thank you for the info.

The plugin will not affect the order the post nav because it is using the get_adjacent_posts function. It will not follow the sorting in the grid layout either, unless the posts are sorted by date.

If you need to reverse the previous and next arrows, adding this code in the functions.php file should work.

add_filter("avf_post_nav_loop_args", function($args, $settings) {
    $args["orderby"] = array( 'post_date' => "ASC", 'ID' => "ASC");
    return $args;
}, 10, 2);

Best regards,
Ismael

Hi,

Yes, please try use @Guenni007’s solution instead of the previous code that we suggested.

Best regards,
Ismael

Hey ratputin,

Thank you for the inquiry.

We are not yet sure why the icons are not displaying correctly, but we can see the following error in the console, which might be related to the issue.

Uncaught SyntaxError: Invalid or unexpected token

Can we deactivate the plugins temporarily? You should also toggle or temporarily disable the Enfold > Performance > File Compression settings to regenerate the scripts and stylesheets.

Best regards,
Ismael

Hey Thedogscreative,

Thank you for the inquiry.

This is not going to work with columns and color section because of how the containers are stacked up. The main color section container is not the direct parent of the columns, so the css property mix-blend-mode if applied to the column container or its content will not affect or will not blend in with the color section background.

// https://developer.mozilla.org/en-US/docs/Web/CSS/mix-blend-mode

Markup:

<div class="example-container">
            <img id="example-element" src="../../media/examples/firefox-logo.svg" width="200" style="mix-blend-mode: hard-light;"></div>

The mix-blend-mode property is applied to the image element, which works as expected because the example-container which has an orange background, is the direct parent of the image element.

Best regards,
Ismael

Hey navindesigns,

Thank you for the inquiry.

Have you tried using the Page Content shortcode in the widget area? Looks like the page layout is broken. It is possible that there are invalid markup in the widget or there are unclosed html tags. Creating a custom page and displaying it using the Page Content is safer and is less prone to code errors because you will only be using a single line of shortcode.

[av_postcontent link='page,12' av_uid='av-ku2m2bik' sc_version='1.0']

Best regards,
Ismael

Hey top1projects,

Thank you for the inquiry.

1-2.) You can display a different slider element on mobile view by toggling the Element Visibility options in the Advanced > Responsive Settings panel. You can hide the current slider on mobile view, display a different slider and use images that are specifically resized for smaller screens. You can also use a full screen slider if you want a slider that automatically inherits the view port height.

Best regards,
Ismael

Hey Yory,

Thank you for the inquiry.

You can use this code in the Quick CSS field to adjust the direction of the text on a specific page.

.single.postid-2416 {
    direction: ltr;
}

The number 2416 in the css code above is the ID of the post. Please toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code.

Best regards,
Ismael

Hey bobfurgo,

Thank you for the inquiry.

There should be no next post because NYC is the latest post and the very last item in the list. It will not loop back to the oldest post.

Did you modify the post navigation? We were not able to check because the Appearance > Editor panel is not accessible.

Best regards,
Ismael

Hi,

Thank you for the update.

Yes, please post the WordPress and FTP login details in the private field so that we can check the issue properly. We may need to adjust the product shortcodes so that it can properly retrieve prices with different currencies generated by the plugin.

Best regards,
Ismael

Hi,

Thank you for the update.

You may need to add the css code that @Guenni007 suggested above to fix the link alignment. Please toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the code.

.phone-info a {
  display: inline-block
}

Best regards,
Ismael

Hi,

We modified the themes > enfold > includes > loop-index.php file via the Appearance > Editor panel and replaced line 143.

//echo preview image
if( strpos( $blog_style, 'big' ) !== false || strpos( $blog_style, 'custom' ) !== false ) 

To increase the size of the logo on mobile, please add this code in the Quick CSS field.

@media only screen and (max-width: 767px) {

  /* Add your Mobile Styles here */
  .responsive .logo img {
    max-height: 150px;
  }

  .responsive #top .logo {
    height: 150px !important;
  }

  .responsive #top #header_main>.container .main_menu .av-main-nav>li>a,
  .responsive #top #wrap_all .av-logo-container {
    height: 150px;
    line-height: 150px;
  }

  .responsive #top #header .main_menu .social_bookmarks {
    display: block;
    position: relative;
    margin-top: 20px;
  }
}

If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

Thanks!

Best regards,
Ismael