Hey ohmani,

Thank you for using Enfold.

It’s a styling issue. The theme has its own table element and the style of that particular element is being applied to the plugin’s table. How would you like the table to look? Do you want to remove the border? You can use a css like so.

tr th:first-child, tr td:first-child {
    border: 0;
}

.tablepress tbody td, .tablepress tfoot th {
    border-top: 0;
}

Best regards,
Ismael

Hi,

The theme is still using PHP sessions for the portfolio breadcrumb. You can still use the following filter to disable it.

add_theme_support('avia_no_session_support');

The portfolio breadcrumb on single pages will not work as expected though.

Best regards,
Ismael

Hey 4EPIU,

Thanks for the update.

You can create a custom shortcode based on the breadcrumb or title function like so.

add_shortcode( 'bread_crumb', 'avia_title' );

Use the [bread_crumb] shortcode in a text or code block.

Best regards,
Ismael

Hi,

I’m sorry for the late response. The login token has expired. Please create another with a longer expiry. Did you remove the css code that we mentioned?

#top .avia-smallarrow-slider-heading {
    display: none;
}

Best regards,
Ismael

Hi,

Thanks for the update. Did you try to disable the Google font plugin? You may also need to temporarily turn off the css and js compression in the Performance panel.

Best regards,
Ismael

Hi,

Thanks for the update.

We modified the css code a bit.

.logo img, .logo a {
    max-height: none !important;
}

.logo, .logo a {
    overflow: visible;
}

Best regards,
Ismael

Hi,

Thanks for the update. The Appearance > Editor panel is not accessible though. Please enable it or provide the FTP details. You should add that filter in the child theme’s functions.php file. Don’t forget to refresh the page afterwards.

Best regards,
Ismael

Hi,

Thanks for the update. Yes, it’s possible. Please try this css code on the Quick CSS field.

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
  .responsive #top #wrap_all #header.av_header_transparency {
    position: absolute;
    opacity: 0;
    margin-top: -250px !important;
  }

  .responsive #top #wrap_all #header {
    position: fixed;
    opacity: 1;
    top: 0;
  }
}

Best regards,
Ismael

Hi,

You can replace the accordion with an “Easy Slider” or a “Full Width Easy Slider” on mobile view. Use the Screen Options panel to toggle the elements visibility.

Best regards,
Ismael

Hi,

Did you purge the cache after adding the script? Please provide a link to a page with the social media links.

Best regards,
Ismael

Hi,

My previous statement is no longer valid. Youtube parameters are now allowed in a lightbox. This is the accepted format.

https://www.youtube.com/watch?v=G0k3kHtyoqc&autoplay=1&rel=0

Best regards,
Ismael

Hi,

Thanks for the info. I was able to to reproduce the issue and this is what I got from the console.

jssor.js?ver=1.0.0:69 Uncaught Error: Cannot scale jssor slider, 'width' of 'outer container' not valid. 'width' of 'outer container' should be positive number. e.g. 'width: 600px;'
    at Object.$Fail (jssor.js?ver=1.0.0:69)

It’s a script error from a slider called “jssor”. The error points to an invalid container width and it makes sense because the error only occurs when the screen width is smaller than usual (e.g less than 789px). This is the same error @victoria reported. I know this may seem like we’re pointing figures, not seeing the problem as it is, etc etc but you can’t ignore the fact that the script error comes from the slider which is affecting the rest of the scripts including GF’s.

Have you tried to disable that slider before? Let’s see if the form works without the script error.

Best regards,
Ismael

Hi,

Did you purge the cache? Please make sure that you’re not looking on a cached version of the page.

Best regards,
Ismael

Hi,

What are the errors when you update the theme to 4.4? This is quite normal because a lot has changed since that version. Please update the theme regularly or every time a new patch is available to avoid the same situation in the future.

Best regards,
Ismael

Hi,

The image increases in width, which breaks the look I’m after.

The option “slightly increase image” does that which is what was set in the first place. Please try this css code to limit the width of the image container.

.av-hover-grow {
    max-width: 180px;
    max-height: 180px;
}

You may need to apply a unique css class attribute to those images because this modification will affect every image element in the site.

// https://kriesi.at/documentation/enfold/intro-to-advanced-layout-builder/#turn-on-custom-css-class-field-for-all-alb-elements

Best regards,
Ismael