Hi,

Glad we could be of help! Please feel free to open another thread if you have more questions about the theme.

Have a nice day.

Best regards,
Ismael

Hey mateodc,

Thank you for the inquiry.

Did you modify any templates in your child theme, and what was the version of the theme before the upgrade? You might need to revert to a recent backup with the older version of the theme, then create a staging or development version of the site. Afterward, you can upgrade the development version first, address any errors there, and then upload it to the live site.

Best regards,
Ismael

Hey josikrop1,

Thank you for the inquiry.

The theme automatically aligns the content to the center when a minimum height for a Color Section is set. You can add this css code to adjust the alignment.

#top #section-mobile-bergsteigen .container .content {
    vertical-align: top;
}

You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings in order to ensure that the changes take effect.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

We tried editing the page, removing content one at a time and updating, but the issue persists. We can only update the page when all content has been removed. Unfortunately, we cannot find any errors or clues as to why the issue is happening. Have you tried recreating the page from scratch?

Please try setting the builder to debug mode so that we can check the builder shortcodes.

// https://kriesi.at/documentation/enfold/intro-to-layout-builder/#debug-mode

Best regards,
Ismael

Hey Yaphoon,

Thank you for the inquiry.

You can use this css code to adjust the style of the masonry title.

.av-masonry-entry .av-masonry-entry-title {
    line-height: 1.3em;
    margin: 0;
    font-size: 20px;
    font-family: Verdana;
}

To adjust the hover color of the menu button, add this.

#top #wrap_all .header_color #menu-item-174:hover > a .avia-menu-text {
    background-color: #3f75e9;
    color: #ffffff;
    border-color: #3f59e9;
}

And to adjust the size of the images in the archive pages, you have to edit the enfold/taxonomy-portfolio_entries.php and adjust the parameters in the avia_post_grid instance around line 38.

$grid = new avia_post_grid(
										array(
											'linking'			=> '',
											'columns'			=> '3',
											'contents'			=> 'title',
											'sort'				=> 'no',
											'paginate'			=> 'yes',
											'set_breadcrumb'	=> false,
											'preview_mode' => 'custom',
											'image_size' => 'full'
										));

If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

Thanks!

Best regards,
Ismael

Hi,

Thank you for the inquiry.

We can’t reproduce the same issue on our end. There are no spaces between the columns when we adjust the Space Between Columns settings. It’s possible that there are custom css modifications on your end that override the default styles.

Best regards,
Ismael

Hi,

Thank you for the update.

The error seems to be generated because of the function name. Please remove the dash or hyphen from the “sub-menu” and replace it with an underscore.

function tab_though_menu_skipping_sub_menu_items_unless_down_or_up_arrow_keys_are_used() { ?>

Best regards,
Ismael

Hi,

The theme already has its own Lightbox option, and the builder also includes Gallery and Masonry elements, so the plugin might not be as necessary.

Best regards,
Ismael

Hey James,

Thank you for the inquiry.

The home page loaded correctly on our end, but the subpages didn’t — they showed a broken layout with no styles. Have you installed any third-party compression plugins? Please disable the cache and compression plugins temporarily.

Best regards,
Ismael

Hi,

Thank you for the update.

We may need to switch the site to debug mode in order to find the issue. Follow the instructions in the following link.

// https://developer.wordpress.org/advanced-administration/debug/debug-wordpress/#example-wp-config-php-for-debugging
// https://developer.wordpress.org/advanced-administration/debug/debug-wordpress/

Please make sure that WP_DEBUG_DISPLAY is set to true.

define( 'WP_DEBUG_DISPLAY', false );

Best regards,
Ismael

Hi,

The modification above should adjust the breakpoint of the mobile menu and display it when the screen width is less than 1024px. You can adjust the breakpoint by editing the max-width value in this line.

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

However, instead of making the modifications above, have you considered moving the phone number above the main header to create room for the main menu? You can adjust this in the Enfold > Header > Extra Elements > Header Phone Number/Extra Info settings.

Best regards,
Ismael

Hi,

Thank you for the info.

We can’t reproduce the issue on our end, even after adding more than 6 items in the Button Row element. You can check the screenshot in the private field, showing 5 rows with 10 buttons each.

Please provide the S/FTP details in the private field so that we can debug the issue further. We’ll try to extract the shortcodes of the home page so that you can apply the content on a different page.

Best regards,
Ismael

Hi,

Thank you for the update.

You can use this css code to remove the underline from the widget links.

#main .widget a {
    text-decoration: none;
}

Best regards,
Ismael

Hi,

The sorting option is actually working but since all items in the first page belongs to a single category, there’s really nothing to sort. To test it out, we increase the number of items from 9 to 18 in the portfolio grid element. It now displays items from the categories “Administration Bespoke Services” and “Operation Bespoke Services”, which can now be sorted using the category buttons.

Best regards,
Ismael

Hi,

Thank you for the screenshots.

Please add this css code to revert the style or layout of the table element on mobile view.

@media only screen and (max-width: 769px) {
  .responsive div .avia_responsive_table .avia-data-table table {
    display: table;
  }

  .responsive div .avia_responsive_table .avia-data-table tbody {
    display: table-row-group;
  }

  .responsive div .avia_responsive_table .avia-data-table tr {
    display: table-row;
  }

  .responsive div .avia_responsive_table .avia-data-table td,
  .responsive div .avia_responsive_table .avia-data-table th {
    display: table-cell;
  }

    .responsive .avia_responsive_table .avia-data-table .avia-button-row, .responsive .avia_responsive_table .avia-data-table tr:first-child th {
    display: table-cell;
}
}

You may need to adjust this css media query as well to display the colors dots properly.

@media only screen and (min-width: 479px) {
.grey::before {
    content: '';
    display: inline-block;
    background-color: #918d8b;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin-right: 2px;
    margin-left: 3px;
    margin-bottom: -1px;
    position: relative;
}
}

Best regards,
Ismael