Hi,

Thanks for the update.

I managed to access the dashboard but I couldn’t get anywhere because of a 502 Bad Gateway error. Please enable the debug mode and then check the error logs. Add this code in the wp-config.php file.

 // Enable WP_DEBUG mode
define( 'WP_DEBUG', true );

// Enable Debug logging to the /wp-content/debug.log file
define( 'WP_DEBUG_LOG', true );

// Disable display of errors and warnings 
define( 'WP_DEBUG_DISPLAY', false );
@ini_set( 'display_errors', 0 );

// Use dev versions of core JS and CSS files (only needed if you are modifying these core files)
define( 'SCRIPT_DEBUG', true );

Best regards,
Ismael

Hi,

Alright. Thanks for the update. Let us know what the geniuses say. :)

// https://www.apple.com/retail/geniusbar/

Best regards,
Ismael

Hi!

Thanks for the update.

We would like to set the builder to debug mode but we can’t edit the functions.php file via Appearance > Editor panel. Please add this code in the functions.php file then we’ll check the page’s shortcodes again.

//set builder mode to debug
add_action('avia_builder_mode', "builder_set_debug");
function builder_set_debug()
{
  return "debug";
}

Best regards,
Ismael

Hi,

Those filters will only work for the default shop and product category pages. They’re not going to display on a custom page with products.

Best regards,
Ismael

Hi,

Thanks for the update.

The site is currently running on an old version of the theme, 4.2.2. Please upgrade to version 4.4.2 and then get back to us. We’ll inspect the issue again afterwards.

Best regards,
Ismael

Hi,

Thanks for the update.

This should center align the pagination numbers.

.pagination .numbers {
    top: 10px;
    left: 6px;
    position: relative;
}

Best regards,
Ismael

Hi,

Awesome! Glad we could help!

Please take a moment to review our theme and show your support https://themeforest.net/downloads
Don’t forget to bookmark Enfold Documentation for future reference.

Thank you for using Enfold :)

Best regards,
Ismael

Hey Zetrh,

Thank you for using Enfold.

Did you enable the theme’s Performance > File Compression options? If you did, please disable it first before adding the custom css codes again.

Best regards,
Ismael

Hi,

I copied the portfolio folder from the enfold theme (wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/portfolio) to my child theme

Create a folder called “shortcodes” inside the child theme directory and then copy the “portfolio” folder along with its content inside that folder. You don’t need to copy the whole config-templatebuilder directory. Please review our previous reply.

// https://kriesi.at/support/topic/expanding-content-hidden-in-tab-views/#post-998237

Best regards,
Ismael

Hi,

Sorry for the delay. Please upgrade the theme from version 4.4.1 to 4.4.2 and provide the FTP details in the private field. We would like to check the files and do a few tests.

Best regards,
Ismael

Hi,

Thanks for the update.

The fallback image is going to be displayed in place of the video background on smaller screens because videos inside the sliders are disabled on mobile devices by default. It’s not going to display as a featured image or video preview. There’s a workaround but you have to insert the “video” shortcode manually.

// https://codex.wordpress.org/Video_Shortcode

Add the “poster” option or parameter.

Best regards,
Ismael

Hi,

Great! Glad we could help!

Please take a moment to review our theme and show your support https://themeforest.net/downloads
Don’t forget to bookmark Enfold Documentation for future reference.

Thank you for using Enfold :)

Best regards,
Ismael

Hi,

Thanks for the update.

1.) You can try these css codes to change the header background on scroll.

.header-scrolled .header_bg {
    background-color: #666666;
    color: #ffffff;
}

.header-scrolled.header_color .av-subnav-menu a:hover, .header-scrolled.header_color .main_menu ul:first-child > li a:hover, .header-scrolled.header_color .main_menu ul:first-child > li.current-menu-item > a, .header-scrolled.header_color .main_menu ul:first-child > li.current_page_item > a, .header-scrolled.header_color .main_menu ul:first-child > li.active-parent-item > a {
    color: #ffffff;
}

.header-scrolled.header_color .sub_menu>ul>li>a, .header-scrolled.header_color .sub_menu>div>ul>li>a, .header-scrolled.header_color .main_menu ul:first-child > li > a, #top .header-scrolled.header_color .main_menu .menu ul .current_page_item > a, #top .header-scrolled.header_color .main_menu .menu ul .current-menu-item > a, #top .header-scrolled.header_color .sub_menu li ul a {
    color: #a40633;
}

2.) And then use this css code to adjust the h1 font size on mobile view.

@media only screen and (max-width: 767px) {
    .template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 1.3em;
    }
}

Best regards,
Ismael

Hi,

This is the default style of the h3 tag in your installation.

h3 {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.1em;
    margin-bottom: 8px;
    color: #222222;
    font-family: 'Lato','HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;
}

Best regards,
Ismael

Hi,

The demo is using the theme’s Full Width Slider element, not the layer slider. In your layer slider settings, the background position is set to “Right Center” so the left portion is cut off on smaller screens. Try to adjust the background size settings.

Best regards,
Ismael