Hey epkdesign,

Thank you for the inquiry.

Do the portfolio entries share the same category aside from commercial or residential? If they do, sorting by category will not be possible since they are all grouped under the same category. If that’s not the case, you can use the following filter in the functions.php file.

add_filter( 'avf_post_nav_settings', 'avf_post_nav_settings_mod', 10, 1);
function avf_post_nav_settings_mod($settings)
{
    $settings['same_category'] = true;
    return $settings;
}

Best regards,
Ismael

Hey JennyGr,

Thank you for the inquiry.

You can use this css code to adjust the styte of the header and the breadcrumbs container on mobile view:

/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

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

  /* Add your Mobile Styles here */
  .responsive #top #wrap_all .av-logo-container .widget {
    display: none;
  }

  #top #wrap_all .title_container .main-title {
    display: none;
  }

  .responsive .title_container .main-title+.breadcrumb {
    top: 10px;
    left: 0px;
  }

  .responsive #header_meta .sub_menu>ul>li {
    display: none;
  }

  .responsive #header_meta .sub_menu>ul>li:last-child {
    display: block;
  }
}

Best regards,
Ismael

Hi,

Thank you for the update.

The page seems to be editable when we checked. Please retfrain from switching to the classic editor while the Advanced Layout Builder (ALB) is active.

Best regards,
Ismael

Hey Tina,

Thank you for the inquiry.

You have to modify the includes > loop-index.php file, and look for this code around line 548:

$meta_author  = '<span class="blog-author minor-meta">' . __( 'by', 'avia_framework' ) . ' ';

Remove the word "by", or replace it with:

$meta_author  = '<span class="blog-author minor-meta">';

Best regards,
Ismael

Hi,

Thank you for the update.

Have you tried removing the condition if( $show_meta_tags && has_tag() )? If you need more help, please provide the WP and FTP details in the private field.

Best regards,
Ismael

Hi,

Good to know! Glad this has been resolved. Let us know if you have more questions.

Best regards,
Ismael

Hey rechner1,

Thank you for the inquiry.

To edit the button text or label, click on the Fullwidth Slider in the Advance Layout Builder, open one of the slides, then go to the Advanced > Link Settings panel. Please check the screenshot below.

View post on imgur.com

Best regards,
Ismael

Hey William,

Thank you for the inquiry.

Try to add this css code to decrease the default top margin of the flex column table container and make the spaces consistent on mobile view.

#top .flex_column_table.av-equal-height-column-flextable:not(:first-child) {
    margin-top: 6px;
}

/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

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

  /* Add your Mobile Styles here */
  .responsive #top .container .av-content-small,
  .responsive #top #wrap_all .flex_column,
  .responsive #top #wrap_all .av-flex-cells .no_margin {
    margin-bottom: 8px;
  }

  #top .flex_column_table.av-equal-height-column-flextable:not(:first-child) {
    margin-top: 0;
  }
}

View post on imgur.com

Best regards,
Ismael

Hi,

Try to increase the 342px value in the css rule above. This is the value being subtracted from the total height of the color section, which is the sum of the header height and the section below the first one.

height: calc(100vh - 342px) !important;

Best regards,
Ismael

Hi,

Thank you for the screenshot.

Try to add this css code to adjust the height of the color section desktop view.

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

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

  /* Add your Desktop Styles here */
  .no-touch-device .av-minimum-height-44vw:not(.av-slideshow-section) .container {
    height: calc(100vh - 342px) !important;
  }
}

Result after adding the modification:

View post on imgur.com

Best regards,
Ismael

Hi,

the color section is set to color #eeee22, column 1/1 has a padding of 150px and a background color #7bb0e7, but as you can see from the image none of these properties are applied in the front-end

We checked the Styling > Background Colors of the Color Section and Column elements, but they are not set. Are you sure you’re editing the correct elements?

View post on imgur.com

Best regards,
Ismael

Hi,

We’ll wait for the site details — let us know when you’re ready.

Best regards,
Ismael

Hey xfacta,

Thank you for the inquiry.

Did you figure this out? We are not seeing the gap on our end.

View post on imgur.com

Best regards,
Ismael

Hi,

Thank you for the update.

We added this filter in the functions.php file:

add_filter('avf_wc_before_shop_loop_item_title_img_size', function($thumb) {
	return 'large';
}, 10, 1);

A larger version of the product image is now loaded on the shop page.

View post on imgur.com

This may vary across different screen sizes due to the srcset attribute and how the browser selects the appropriate thumbnail based on the current screen size.

Best regards,
Ismael

Hey camcaminin,

Thank you for the inquiry.

Which Instagram widget did you use? Check the following documentation to learn more about the widget options: https://kriesi.at/documentation/enfold/instagram/

If you need further assistance, please provide the login details in the private field.

Best regards,
Ismael