Hey schub1981,

Thank you for the inquiry.

We may need to inspect the elements on your site in order to provide an appropriate solution. Please provide the site URL in the private field. Have you tried adjusting the color options in the Enfold > General Styling > Logo Area tab?

In the meantime, to adjust the color of the burger menu icon on mobile view, try to use the following css code:

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

  /* Add your Mobile Styles here */
  .header_color .av-hamburger-inner,
  .header_color .av-hamburger-inner::before,
  .header_color .av-hamburger-inner::after {
    background-color: #da2727;
  }

  .html_av-overlay-side-classic #top .av-burger-overlay li li .avia-bullet,
  .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner,
  .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::before,
  .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::after {
    background-color: #da2727;
  }
}

Best regards,
Ismael

Hi,

Thank you for the inquiry.

The masonry element seems to be loading correctly on our end. Would you mind providing a screenshot of the issue? You can use platforms like Savvyify, ImgBB, PostImages, or Dropbox to upload and share the screenshot.

Best regards,
Ismael

Hey dweddell,

Thank you for the inquiry.

The image displayed in the grid items is actually 495x400px, but the items must be resized based on the container’s maximum width, which also affects the rendered size of the images.

For single portfolio pages, try to add the following code to the functions.php file to use the original (full-size) version of the portfolio featured image:

add_action( 'init', 'ava_set_image_size_for_single_portfolio' );

function ava_set_image_size_for_single_portfolio() {
    if ( is_singular( 'portfolio' ) ) {
        global $avia_config;
        $avia_config['size'] = 'full';
    }
}

Best regards,
Ismael

Hi,

Thank you for the inquiry.

Most of the color styling options are located under Enfold > General Styling. You can check the preview to see which element a specific field controls. If you can’t find the correct setting there, you can also edit the element in the Advanced Layout Builder and adjust the color options in the Styling tab.

To adjust the color of the phone number, please add this code in the Quick CSS field:

#top .header_color .phone-info a {
    color: #ffffff;
}

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

Let us know the result.

Best regards,
Ismael

Hi,

Thank you for the update.

We modified the avf_social_icons_options filter a bit and moved it around line 64 of the functions.php file. We also added the social icon in the Enfold > Social Profiles panel. Please make sure to purge the cache before checking the page.

image host
Best regards,
Ismael

Hey tonyska,

Thank you for the inquiry.

Which blog layout (Grid, Small, Multi-author, List etc.) did you select? If it’s set to Grid Layout, you should be able to use the avia_post_slide_query filter to adjust the sorting of the items and utilize conditional functions to apply different sorting for specific pages or templates.

Example:

add_filter('avia_post_slide_query', 'avia_post_slide_query_mod');
function avia_post_slide_query_mod($query) {
    if (is_page(123)) {
        $query['orderby'] = 'menu_order';
        $query['order'] = 'ASC';
    }
    elseif (is_home()) {
        $query['orderby'] = 'date';
        $query['order'] = 'DESC';
    }

    return $query;
}

Replace 123 with the actual ID of the song page.

Each song is a blog post, and I organized them on my songs page by posting excerpts in order.

How do you post excerpts in a specific order?

Best regards,
Ismael

Hi,

Good to know! Please don’t hesitate to open another thread if you have more questions.

Have a nice day.

Best regards,
Ismael

Hey ericsauthier,

Thank you for the inquiry.

Looks like you have managed to set the menu to display below the logo. To enable the sticky header, we enabled the Sticky Header option in the Enfold > Header > Header Behavior panel.

Best regards,
Ismael

Hey Jacob,

Thank you for the inquiry.

These are only notices and warnings, so they shouldn’t affect the site in any way. You can hide them by editing the wp-config.php file and setting WP_DEBUG and WP_DEBUG_DISPLAY to false. Please check the documentation below for more info.

— https://developer.wordpress.org/advanced-administration/debug/debug-wordpress/

Best regards,
Ismael

Hi,

Looks like the .js css rule is being added by an SVG image named “Plattform_Service” or “Plattform_Microservice”. Try removing the image, then reload the page and let us know the result.

Best regards,
Ismael

Hey uteba,

Thank you for the inquiry.

The default compression from the theme should not cause this issue, but try to disable it temporarily, then enable the compression and merging options in your caching plugin and observe whether the issue still occurs randomly. Do you update or modify the theme options from time to time?

Best regards,
Ismael

Hi,

Thank you for the update.

In the current version (5.2.1) installed on your site, you may need to download the latest version of the theme from your ThemeForest account and upload it manually to your server via FTP. Once the theme is updated to version 7.1.2, you should be able to update it again directly from the dashboard. Please refer to this documentation for more information.

— https://kriesi.at/documentation/enfold/theme-update/#update-via-ftp

Best regards,
Ismael

Hi,

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

Best regards,
Ismael

Hi,

Thank you for the inquiry.

The Advanced Layout Builder that comes with the theme is completely different from the default Block Editor, so they are not compatible with each other. If the plugin provides shortcodes to create forms, you can insert them in a Text or Code Block element in the builder. Otherwise, you’ll need to continue using the Block Editor. We recommend reaching out to the plugin developers for further assistance.

Best regards,
Ismael

Hi,

We are not entirely sure which plugin is adding the css code because it’s being added internally. Try to disable all plugins temporarily, then activate them one at a time to figure out which one is generating the css.

Best regards,
Ismael