Hey marsh1984,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

CSS Snippet:

/* CSS - */

@media only screen and(max-width: 767px) {
#top .avia-fullscreen-slider .slideshow_align_caption {
    vertical-align: top;
}
#top .avia-fullscreen-slider .avia-slideshow-arrows {
    display:none;
}}

You may not see the changes until the cached files are cleared in your browser.

Please perform the below steps to clear the browser cache:

1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.

Best regards,
Vinay

Hey seerifee,

Thank you for contacting us.

To add your own set of icons please check https://kriesi.at/documentation/enfold/icon/#adding-your-own-fontello-or-flaticon-icons-

If you are going to design your own icon please make sure it is in the same format as the flaticon or fontello and upload the files to the theme :)

Best regards,
Vinay

Hi,

Thank you for contacting us.

The theme is working as intended but if you like to change the default behavior please add the below code to your child theme functions.php file.

function reload_active_link(){
?>
<script>
jQuery(document).ready(function(){ 
  
jQuery('#header ul:first-child > li.current-menu-item > a').click(function() {
    console.log('Active link was clicked');
    location.reload();
});

});
</script>
<?php
}
add_action('wp_head', 'reload_active_link');

Best regards,
Vinay

Hi,

Currently on some pages the scrollbar shows and on some pages which are not long enough the scrollbar does not show. This is default browser behavior but this affects the menu position. You can force the scrollbar to be displayed on all pages by using the below CSS.

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

CSS Snippet:

/* CSS - */
html {
    overflow: -moz-scrollbars-vertical; 
    overflow-y: scroll;
}

You may not see the changes until the cached files are cleared in your browser.

Please perform the below steps to clear the browser cache:

1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.

Best regards,
Vinay

Hi,

Sorry for the delay.

Enable developer options from Enfold > Layout Builder and add custom CSS class name to the element to target specific catalogue element.

To target a specific catalogue list item please use the below code and change the n-th value to target different elements.

.custom-class-name .av-catalogue-list li:nth-child(2) {
    background: gold;
color: black;
}

For more info please check the docs.

Best regards,
Vinay

Hi,

Thank you for contacting us.

To add a language switcher to your menu please check

THen you have to create a different menu for every different language.
Please check the plugin documentation for more info

Best regards,
Vinay

Hi,

Thank you for writing to us.

Please check the documentation for customization code :)

To change the font size using CSS you can add the font size property to the CSS selectors:

font-size: 30px; 

Let us know if you have any questions.

Best regards,
Vinay

Hi,

Thank you for writing to us.

Kindly open a new ticket for different issues.

Mentioning all issues in one ticket will snowball and create confusion.

Please keep the main topic related to the issue mentioned int he ticket.

Best regards,
Vinay

Hi,

I checked your site and cleared the cache. The site looks good on my end. Icons fade in when the pace is scrolled.

You may not see the changes until the cached files are cleared in your browser.

Please perform the below steps to clear the browser cache:

1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.

Best regards,
Vinay

Hi,

Thank you for writing to us.

Cf7 is a third party plugin. Have you tried to check out their support forum or docs as they know their plugin better.

It would require quite some time and customization to customize a 3rd party script, so I am sorry to tell you that this is not covered by our support. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)

As an alternate solution, you can try changing the look of the cf7 date picker filed to look the way you like using custom CSS.

Best regards,
Vinay

Hi,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

CSS Snippet:

/* CSS - */

.html_elegant-blog .avia-content-slider .slide-entry-title {
    background: gold;
    min-height: 100px;
}

Best regards,
Vinay

Hey Mountaingrove,

Thank you for contacting us.

The latest version of the Enfold theme 4.5.7 is fully compatible with WordPress and Woocommerce.

Please bookmark the changelog page to know what is new.

If your theme is not updating from your WordPress dashboard please try updating the theme via FTP.

Best regards,
Vinay

Hi,

Thank you for updating us. When you create a new ticket please do not forget to share a precise URL where we can inspect the element in question.

Please bookmark Enfold Documentation for future reference.

Thank you for using Enfold :)

Best regards,
Vinay

Hi,

Please find the code for burger menu and submenu items:

Active parent and submenu on Burger Menu

/* Active burger menu links */

#top #wrap_all #header .av-burger-overlay #av-burger-menu-ul li.current-menu-item a {
    color:green;
}

/* Active burger menu links */

#top #wrap_all #header .av-burger-overlay #av-burger-menu-ul li.current-menu-item li.current-menu-item .avia-menu-text {
    color:gold;
}

To highlight the active submenu please refer to the below link

Both the burger menu and submenu are separate elements so it cannot be linked with each other to highlight the menu items.

Best regards,
Vinay

Hi,

I am afraid you’ll need to contact the plugin author for more info about the issue. Making third-party plugins compatible with the theme is unfortunately beyond the support scope we offer. Sorry for that!

For any further technical support please register here kriesi.at/support/register with your item purchase code .

Go to https://kriesi.at/support/ select the theme you purchased bookmark the URL.

Example: https://kriesi.at/support/enfold

Scroll to the bottom of the page to open a new ticket.

Best regards,
Vinay