Hey jmail37,

Thank you for the inquiry.

What is the current version of the theme? Please make sure it is updated to the latest version, 7.0.1. If the issue persists after updating, please provide the login details in the private field.

Best regards,
Ismael

Hi,

Yes, you can add the code in the Enfold > General Styling > Quick CSS field. You may also need to toggle or temporarily disable the file compression settings, then purge the cache. Let us know the result.

Best regards,
Ismael

Hi,

Thank you for the info.

Instead of using the icon shortcode, we replaced it with the search icon html.

<span class="av_font_icon av-m9s1gr1e-6ed42716956a76916230d7da2b2f0695 avia_animate_when_visible av-icon-style- avia-icon-pos-left avia-iconfont avia-font-entypo-fontello av-no-color avia-icon-animate avia_start_animation avia_start_delayed_animation"><span class="av-icon-char" data-av_icon="" data-av_iconfont="entypo-fontello" aria-hidden="true"></span></span>

We also added this css code to adjust the position and size of the icon in the menu.

.menu-item .av_font_icon {
    float: none;
    margin-right: 0;
    font-size: 16px;
}

View post on imgur.com

Best regards,
Ismael

Hi,

Thank you for the info.

The issue occurs because of the following css code. The logo slider displays correctly when we remove it from the Quick CSS field.

.entry-content-wrapper {
  display: flex;
  flex-wrap: wrap; /* zorgt ervoor dat het ook werkt op kleinere schermen */
  align-items: stretch; /* dit is de sleutel voor gelijke hoogte */
}

.entry-content-wrapper > .flex_column {
  display: flex;
  flex-direction: column;
}

View post on imgur.com

Best regards,
Ismael

Hi,

You can simply search for the keyword “Lottie” on any search engines, and you should find sites with free Lottie resources. You may need to sign up to download the files. A few examples below:

— https://lottiefiles.com/featured-free-animations
— https://www.lottielab.com/examples

Best regards,
Ismael

Hi,

No problem! Let us know if you have more questions. Have a nice day.

Best regards,
Ismael

Hi,

Thank you for the info.

We may need to access the site to further check the issue. Please provide the login details in the private field.

Best regards,
Ismael

Hey Diana,

Thank you for the inquiry.

You can try this css code to adjust the breakpoint of the grid row cells:

@media only screen and (max-width: 1025px) {
  .responsive #top #wrap_all .av-flex-cells .no_margin {
    display: block;
    margin: 0;
    height: auto !important;
    overflow: hidden;
    padding-left: 8% !important;
    padding-right: 8% !important;
    width: 100%;
  }
}

Best regards,
Ismael

Hi,

Where can we check the button? Have you tried using Click Classes instead of Click ID in the trigger condition?

— https://support.google.com/tagmanager/answer/7182738?sjid=13411867830563470274-NC

The trigger condition can be set to Click Classes > contains > “custom-element-class”. The class “custom-element-class” can be added in the Button element’s Advanced > Developer Settings > Custom CSS Class field. Please note that the changes in the console might take some time to propagate or take effect. You may need to test if the changes apply after a few hours.

Best regards,
Ismael

Hey schweg33,

Thank you for the inquiry.

In the Navigation Label field of the search menu item, you can replace the text with the icon shortcode or an icon image.

[av_font_icon icon='search' font='svg_entypo-fontello' style='' caption='' size='40px' position='left' color='' link='' link_dynamic='' linktarget='' title_attr='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' element_template='' one_element_template='' av_uid='av-m9qks9nw' sc_version='1.0' admin_preview_bg=''][/av_font_icon]

Best regards,
Ismael

Hey extraeyes,

Thank you for the inquiry.

Are you using the Lottie Animation element? You just need to download the .lottie or .json file, then upload it to the element by clicking Insert Animation under Content > Lottie Animation > Choose A Lottie Animation in the Lottie Animation element.

View post on imgur.com

Best regards,
Ismael

Hi,

Thank you for the inquiry.

Have you tried using the Layer Slider element? You can also add an Image element and manually position it as fixed using custom css.

— https://www.w3schools.com/css/css_positioning.asp

Best regards,
Ismael

Hi,

You can add this css code to make the logo fullwidth:

.logo, .logo img {
    width: calc(100vw - 100px);
}

Best regards,
Ismael

Hi,

Glad to know that you managed to make this work! Let us know if you have more questions. Have a nice day.

Best regards,
Ismael

Hey envis,

Thank you for the inquiry.

You can apply a unique ID or class name to the button in Advanced > Developer Settings > Custom ID / Custom CSS Class field. Please check the documentation below:

— https://kriesi.at/documentation/enfold/add-custom-css/#enable-custom-css-class-name-support

Best regards,
Ismael