Hey!

Thank you for the info.

We can now see the issue and it happens because the script that generates the mega menu considers the columns as empty, which they are because they don’t contain any child menu items, and so it doesn’t render the items. You may need to create another set of the same menu without images, disable the mega menu option and have it display instead of the current one on mobile view. You can toggle the visibility of the menu items using css media queries.

// https://kriesi.at/support/topic/how-to-have-a-full-width-submenu-automatically-display-on-all-pages/#post-737157

Cheers!
Ismael

Hi,

The reason the script didn’t work at first is because of the slider’s class name or attribute. He used custom-mute instead of mute-button. And the css code was missing in the Quick CSS field.

Best regards,
Ismael

Hey mogasi,

Thank you for the inquiry.

Looks like you have already managed to adjust the product items and set the grid’s column width to 100% with this css code.

.shop_columns_2 .products .product {
	width: 100%;
}

Do you need anything else?

Best regards,
Ismael

Hey JohnMYates,

Thank you for the inquiry.

– We don’t want the header fixed for Mobile / Tablet but I can’t seem to sort it properly.

You should wrap this css code inside a css media query so that it only affects the desktop view.

.html_header_sticky.html_mobile_menu_tablet #top #wrap_all #header, .html_header_sticky.html_header_transparency #top #wrap_all #header, .html_header_sticky #top #wrap_all #header {
	position: fixed;
}

Replace it with:

@media only screen and (min-width: 1024px) {
    .html_header_sticky.html_mobile_menu_tablet #top #wrap_all #header, .html_header_sticky.html_header_transparency #top #wrap_all #header, .html_header_sticky #top #wrap_all #header {
	position: fixed;
    }
}

This should also work for the second issue.

Best regards,
Ismael

Hi,

Sorry for the delay. You will have to deregister the default script and enqueue it back using the new path in the child theme directory if you want to preserve the modification after an update.

// https://developer.wordpress.org/reference/functions/wp_dequeue_script/
// https://developer.wordpress.org/reference/functions/wp_register_script/
// https://developer.wordpress.org/reference/functions/wp_enqueue_script/

wp_register_script( 'avia_google_maps_api_script' , AVIA_JS_URL . 'conditional_load/avia_google_maps_api.js', array( 'jquery' ), $vn, true );

Please create a change log or a note about the modification for future reference.

Best regards,
Ismael

Hey aweterings,

Thank you for the update.

The full width caption overlay covers the slider link. To fix the issue or to prevent the caption from covering the whole slider, try to use this css code in the Quick CSS field.

#top .caption_fullwidth {
    width: 400px;
}

#top .caption_fullwidth .slideshow_caption {
	width: 100%;
}

Please don’t forget to toggle the Performance > File Compression settings after adding the css code.

Best regards,
Ismael

Hi,

Thank you for the update.

Did you modify the tab_section.php or the tab_sub_section.php file in the child theme? The tab section title or navigation disappears because it slides along with the tab section content when it’s not supposed to.

Best regards,
Ismael

Hi,

Thank you for the info.

You can get the default logo image ID using this snippet.

$logo = avia_get_option( 'logo' );

Yes, the logo function can be found in the enfold\framework\php\function-set-avia-frontend.php file > avia_logo.

To change the login logo, please check the documentation.

// https://codex.wordpress.org/Customizing_the_Login_Form

If you only need the default logo, look for the logo.png image in the enfold\images\layout folder.

Best regards,
Ismael

Hey PopMarketing,

Thank you for the inquiry.

We can’t see the content overlap issue on the home page and slider caption is already center aligned. Did you add this css code?

#top div .caption_center .slideshow_caption {
	text-align: center;
}

Please provide a screenshot of the issue using imgur or dropbox.

Best regards,
Ismael

Hey 7thflow,

Thank you for the inquiry.

Are you using a custom contact form? The Google Recaptcha will only work in theme’s default contact form, and should not affect external or custom forms. It just sends an AJAX request to the recaptcha URL on page load when v3 is activated or after solving the puzzle on v2.

Where can we see the issue? Please provide a link to the page with the contact form.

Best regards,
Ismael

Hi,

Thank you for the info.

Using the avf_in_shortcode_handler_prepare_content filter should be sufficient enough to hook into the builder elements and add your own conditions based on the shortcode attributes before finally sending them to the template.

If you have further inquiries, please feel free to open a new thread.

Have a nice day.

Best regards,
Ismael

Hi,

Sorry for the delay. What is the current total count of products stored in the database? It’s possible that the internal server error occurs during the database query. Is there a staging or development version of the site?

So I tried to clean my database a little bit

How did you clean the database? Did you create a backup or a restore point of the site or the database before cleaning up?

Best regards,
Ismael

Hey artmoma,

Thank you for the inquiry.

We can reproduce the issue on our end but we are not yet sure what’s causing it because there are no errors or warnings in the console. Have you tried disabling the Enfold > Performance > File Compression settings? Additional info from the plugin authors will help.

Best regards,
Ismael

Hey!

Sorry for the delay. The fullscreen option is not enabled by default, so you have to turn it on manually by editing the js > avia.js file around line 468:

 features: ['playpause','progress','current','duration','tracks','volume'],

Add the “fullscreen” option or teplace the code with:

 features: ['playpause','progress','current','duration','tracks','volume', 'fullscreen'],

Please don’t forget to toggle the Performance > File Compression settings after adding the code.

Cheers!
Ismael

Hi,

Sorry for the confusion. The word “translations” is now included in the actual logo image, so it looks the same on desktop and mobile. Is this how you want the logo to behave, or do you need to adjust it further?

Unfortunately, we are not really sure why the logo displays like that on dark mode. Are you using a browser extension? You can try this css code to make sure that the logo and logo link have a transparent background.

.logo, .logo a {
  background: transparent;
  background-color: transparent;
}

Best regards,
Ismael