Hey erictuvel,

Thank you for the inquiry.

The menu item shrinks because of this css code.

#top #header #avia-menu > li:hover > a span.avia-menu-text {
    color: #e95e38 !important;
    border: 0 !important;
}

It disables the default border of the button. Try to remove the code, then toggle or temporarily disable the Enfold > Performance > File Compression settings afterwards.

Best regards,
Ismael

Hi,

Thank you for the update.

It seems to be working correctly on our end. The tooltip gets the correct class names, both av-tt-pos-left/right and av-tt-pos-below. Please post the site URL in the private field so that we could check the issue.

Screenshot: https://imgur.com/KMwxw3F

Best regards,
Ismael

Hey Yoolia,

Thank you for the inquiry.

They get lost in the translated versions of the web

Which specific option/s are getting lost on update, and on which elements? Please create a test page so that we can check the issue properly.

Did you follow the translation method described in the following documentation?

// https://wpml.org/documentation/theme-compatibility/enfold/

Best regards,
Ismael

Hi,

so I can use a shortcode like this below in the widget area? just this single line instead of the entire page code like I am currently?

Yes, that is the idea. Make sure that the page is not private. The page above seems to be inaccessible publicly.

Best regards,
Ismael

Hi,

You might be ba able to do it with the Grid Row element and its cells as shown in the screenshot below.

Screenshot: https://imgur.com/f6DJLXw

The background of the main grid row container is red and the first cell is blue, with mix-blend set to hue. This works because the cells or the flex_cells are direct child of the grid row container.

Best regards,
Ismael

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