Hi,

Thank you for the update.

Did you add this css code? This causes layout issues on mobile view, specifically on pages with transparent headers.

.responsive #top #main {
    padding-top: 80px !important;
}

.responsive #top #wrap_all #header {
    position: fixed !important;
}

Please remove the code, then add this css to adjust the size of the logo on mobile view:

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

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

  .responsive #top #wrap_all .main_menu {
    height: 120px;
  }

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

  .responsive #top #main {
    padding-top: 0 !important;
  }
}

Best regards,
Ismael

Hi,

The category page is blank when we checked, and no page is selected as the blog page in Enfold > Theme Options panel. Where can we find the blog page or the posts?

View post on imgur.com

Best regards,
Ismael

Hey Bregje Verschaeren,

Thank you for the inquiry.

You will need to generate a private token to update the theme in the future. However, due to the age of the current version, you will need to update the theme manually via FTP for now. Please refer to the documentation for more info.

— https://kriesi.at/documentation/enfold/theme-update/#update-via-ftp
— https://kriesi.at/archives/the-complete-guide-to-updating-enfold

Once the theme is updated to the latest version, you can generate a private token by following the instructions in the link below. This token can be used in the Enfold > Theme Update panel to update the theme automatically from the dashboard.

— https://kriesi.at/documentation/enfold/theme-registration/

Best regards,
Ismael

Hey andreas_anselm,

Thank you for the inquiry.

Have you tried setting Styling > Video Settings > Video Display to the second option (Stretch video so it covers the whole slideshow)? Please refer to the screenshot below.

View post on imgur.com

If this doesn’t work, please create a test page so we can inspect the issue properly.

Best regards,
Ismael

Hey icarogioiosi,

Thank you for the inquiry.

The featured images of the posts in the demo are still visible on mobile view when we checked. Please create a test page and provide the page URL in the private field so we can review it.

Best regards,
Ismael

Hi,

Thank you for the update.

What happens when you include this css code?

.html_mobile_menu_tablet .error404 .header_color div .av-hamburger-inner, .html_mobile_menu_tablet .error404 .header_color div .av-hamburger-inner::before, .html_mobile_menu_tablet .error404  .header_color div .av-hamburger-inner::after {
    background-color: #605a57;
}

Best regards,
Ismael

Hey thorsten,

Thank you for the inquiry.

Did you set the menu as the Main Menu in Appearance > Menus > Menu Settings > Display Location? Please provide the login details in the private field so we can check the issue further.

Best regards,
Ismael

Hey bemodesign,

Thank you for the inquiry.

Try using this css code to adjust the height of the caption title.

#top #wrap_all .avia-slideshow .av-slideshow-caption .avia-caption-title span {
    line-height: 1em;
    display: inline-block;
}

Best regards,
Ismael

Hey Antonio,

Thank you for the inquiry.

Try adding this css code to make the map hotspot container scrollable.

#mapcontainer, #mapcontainer #hotspot-650 {
    min-width: 1200px;
    overflow: scroll;
}

#mapcontainer .avia_codeblock, #mapcontainer .avia_codeblock_section {
    width: 1200px;
}

Best regards,
Ismael

Hey Michael F,

Thank you for the inquiry.

Try to add this code in the Quick CSS field to adjust the width of the mega menu columns.

#top #header .avia_mega_div > .sub-menu {
    display: flex;
    flex-wrap: wrap;
}

#top #header .avia_mega_div > .sub-menu > li {
    display: block;
    width: 25% !important;
}

Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings to make sure that the changes take effect.

Best regards,
Ismael

Hi,

Thank you for the update.

Try to add this filter to the functions.php file — making sure to adjust the post type name.

add_filter('avf_metabox_layout_post_types', 'avf_metabox_layout_post_types_mod', 10, 1);
function avf_metabox_layout_post_types_mod( array $supported_post_types ) {
     $supported_post_types[] = 'your-cpt';
     return $supported_post_types;
}

Let us know the result.

Best regards,
Ismael

Hey amollde,

Thank you for the inquiry.

You can enable Enfold > Privacy & Cookies > Cookie Handling > Enable Cookie Consent Messages, then set the Default Cookie Behavior to the third or fourth option for stricter privacy rules. This will disable the services (google font, youtube etc) on page load and allow users to toggle them in the privacy modal or on the privacy page where the toggles are available.

Best regards,
Ismael

Hey Antonio,

Thank you for the inquiry.

Try to add a 1/3 column element alongside a 2/3 column element. In the 1/3 column, insert three Button elements. Set each Button Link manually, and enter #1, #2, and #3 in the link fields respectively. In the 2/3 column, add an Easy Slider with three images and make sure the dots navigation is enabled. After that, add the following script in the functions.php file to trigger the dots navigation when a Button element is clicked.

add_action( 'wp_footer', 'av_custom_script', 100 );
function av_custom_script() {
    ?>
    <script>
    // trigger slider dots
    jQuery(document).ready(function($) {
        $('.avia-button').on('click', function(e) {
            var targetHref = $(this).attr('href');
            if (targetHref && targetHref.startsWith('#')) {
                var slideDot = $('.goto-slide[href="' + targetHref + '"]');
                if (slideDot.length) {
                    e.preventDefault();
                    slideDot.trigger('click');
                }
            }
        });
    });
    </script>
    <?php
}

Let us know the result.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

Did you add this css code? It seems to be the reason why the font size of the post title is much larger on the other site.

.html_modern-blog #top .post-entry .post-title, .html_modern-blog .avia-content-slider .slide-entry-title {
    font-size: 2em;
    text-align: left;
    letter-spacing: 1px;
}

Also, make sure that the Enfold > Blog Layout > Blog Styling and Blog Layout settings are the same on both installations.

Best regards,
Ismael

Hi,

Great! Glad to know that the issue has been resolved. Please don’t hesitate to open another thread if you have more questions.

Have a nice day.

Best regards,
Ismael