Hi,

Thank you for the inquiry.

To improve LCP, you can preload the first image above the fold and make sure that all images are compressed.

— https://wordpress.org/plugins/preload-lcp-image/

For more info on how to optimize the loading speed, you can check out the articles below.

— https://wpengine.com/resources/improve-wordpress-site-speed/
— https://gtmetrix.com/wordpress-optimization-guide.html

Best regards,
Ismael

Hi,

Thank you for the inquiry.

We are not seeing the top bar on the site. Is it only visible when you’re logged in?

View post on imgur.com

Best regards,
Ismael

Hey sitadi,

Thank you for the inquiry.

You can start with this css code:

@media only screen and (min-width: 768px) {

  /* Add your Desktop Styles here */
  .html_header_top .header-scrolled .logo.avia-standard-logo {
    left: 200px;
    transform: none;
  }

  .html_header_top .header-scrolled #custom_html-4 {
    margin-top: -150px;
  }
}

Best regards,
Ismael

Hey sitadi,

Thank you for the inquiry.

Try to add this css code to adjust the z-index of the header container where the menu resides.

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

  /* Add your Mobile Styles here */
  .responsive #top #wrap_all #header_main>.container {
    z-index: 1000 !important;
    position: relative;
  }
}

Best regards,
Ismael

Hey AndreasWinkler,

Thank you for the inquiry.

The site seems to be using the correct permalink when we checked the About page. Did you figure this out? (see private field)

Best regards,
Ismael

Hey goldengate415,

Thank you for the inquiry.

Fixed background images with background-size set to cover are not fully supported on iOS devices.

— https://caniuse.com/background-attachment > Known Issues

iOS has an issue preventing background-attachment: fixed from being used with background-size: cover – see details

You may need to set the background-attachment to scroll on iOS devices or smaller screens.

@media only screen and (max-width: 1024px) {
  /* Add your Mobile Styles here */
  .avia_mobile .avia-full-stretch {
      background-attachment: scroll !important;
  }

  .avia-bg-style-fixed {
      background-attachment: scroll !important;
  }
}

Best regards,
Ismael

Hi,

We tried editing the home page and it seems to be updating correctly. Which element are you trying to edit? Please make sure to purge the cache before checking.

Best regards,
Ismael

Hi,

@Maspelin: For the other site, you can try this css code:

#top .menu-item-search-dropdown > a.avia-svg-icon svg:first-child {
    z-index: 100;
    fill: #ffffff;
    left: -8px;
    pointer-events: none;
}

If the issue persists, please don’t hesitate to open another thread.

Best regards,
Ismael

Hi,

Sorry for the delay. Unfortunately, the menu layout you’re after is not possible with the default mega menu feature. You may need to install third-party menu extensions such as Ubermenu, Quadmenu or Max Mega Menu. Please check the links below:

— https://wpmegamenu.com/
— https://quadmenu.com/
— https://www.megamenu.com/

Best regards,
Ismael

Hi,

Thank you for the update.

You can start by setting Enfold > Header > Header Layout > Menu and Logo Position to Logo center, Menu below. This won’t make the logo full width, but it will center-align it. To remove the menu, add this css code:

#header_main_alternate { display: none; }

The maximum number of columns per row is 5. We recommend using the 1/4 Column element and displaying the items in two rows. If you really need to display 8 columns in a row, you can manually create a flexbox.

— https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Best regards,
Ismael

Hey GavinGriffiths,

Thank you for the inquiry.

The Page Order field is not available in the Portfolio post type by default, but you can add it using this filter in the functions.php file:

/* Change portfolio post type settings */
function avf_portfolio_cpt_args_mod($args) {
	$args['supports'][] = 'page-attributes';
	return $args;
}
add_filter('avf_portfolio_cpt_args', 'avf_portfolio_cpt_args_mod');

Best regards,
Ismael

Hi,

Thank you for opening another thread.

We adjusted the filter a bit. Please try it again:

function avia_breadcrumbs_trail_mod($trail)
{
    if ( is_product() || is_product_category() ) {
        $trail[0] = '<a href="https://shop.akhurst.com/" title="Product Page" rel="">Home</a>';
    }
    return $trail;
}
add_filter('avia_breadcrumbs_trail', 'avia_breadcrumbs_trail_mod', 50, 1);

Best regards,
Ismael

Hi,

Yes, the fallback should work as long as there is a text block in all of the posts. If not, you’ll need to define the excerpt manually. To display the title, make sure to select the correct option in the Define Blog Grid layout settings.

Best regards,
Ismael

Hey hm.stedler,

Thank you for the inquiry.

Have you tried using the 1/2 Column element from the Advanced Layout Builder? You can add two 1/2 Columns side by side, place the text in the first column, and the image in the second. Let us know the result.

View post on imgur.com

Best regards,
Ismael

Hey dorisb123,

Thank you for the inquiry.

The main menu should be editable in the Enfold > Advanced Styling panel. If the issue persists, try to toggle or temporarily disable the Enfold > Performance > File Compression settings, then deactivate the cache plugin. Let us know the result.

Best regards,
Ismael