Hey Mat,

Thank you for the inquiry.

The portfolio seems to be displaying properly on our end. Is the plugin currently deactivated? Unfortunately, as stated in our support policy, we do not provide support for third-party plugins. You may need to contact the plugin developers for additional assistance.

Best regards,
Ismael

Hi,

Thank you for the update.

The images seems to be accessible when we check, but it’s possible that an image overlay is blocking access to the context menu or download option. We added the following code to the Quick CSS field to disable the overlay 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 */
  .avia_transform a .image-overlay {
    display: none !important;
  }
}

Best regards,
Ismael

Hi,

You can try this css code but it might affect the slider transition a bit.

.slide-entry-wrap:not(.active-slide) .slideimage .fg-image-viewer .fiv-inner .fiv-inner-container .fg-item .fg-thumb img {
    opacity: 0;
}

For additional assistance, please contact the developers of the slider plugin.

Best regards,
Ismael

Hi,

You’re quite welcome! Let us know if you have more questions. Have a nice day.

Best regards,
Ismael

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