Hi,

Thanks for the update.

We modified the code a bit, wrapped the button inside a container and applied a custom class name to it.

add_action("ava_main_header", function() {
   $output = "<div class='av-custom-menu-button'><a href='#'>This is a button</a></div>";
   echo $output;
}, 10);

You should be able to style it with this css.

.av-custom-menu-button a {
   padding: 10px 20px;
   background: red;
}

And about @Guennie’s solution, you can enable the CSS Classes field from the Appearance > Menus > Screen Options panel.

Best regards,
Ismael

Hi,

Did you move the content inside the columns as we suggested above? Try to insert two 1/5 element in a row and place a 3/5 column in the middle, then move the content inside the middle 3/5 column. This should limit the width of the text and the columns should respond accordingly on smaller screens or when the browser is resized.

Best regards,
Ismael

Hey Jan,

Thank you for the inquiry.

You cannot select a custom post type but you can create taxonomies or categories inside that post type and select those items instead. Let us know if that helps.

Best regards,
Ismael

Hi,

Thank you for the update.

You can use this css code to move the main menu closer to the logo.

.responsive #top #header .main_menu {
    position: relative;
    right: auto;
    float: left;
    left: auto;
}

.responsive #top #header .logo {
    float: left;
    position: relative;
    left: 0;
    z-index: 1;
}

Please make sure to purge the cache after adding the css.

Best regards,
Ismael

Hi,

Did you create a Disqus account? Is it working correctly when Jetpack is disabled? Please follow these steps to properly configure the Disqus plugin.

1.) Go to “Plugins” > “Add Plugin”
2.) Search for “Disqus Comment System” by Disqus
3.) Click “Install Now”
4.) Activate the plugin
5.) (Automatic: easiest) From the Install page of the Disqus plugin settings, follow the Automatic Installation steps to set up Disqus on your site. During this process, you will need to create a Disqus account and register your site. This also creates the API application required for enabling Comment Syncing.
6>) (Manual: fastest) Enter your site’s Disqus shortname in Site Configuration. This requires you to have created a Disqus account and registered your site.

NOTE: It is recommended that you backup your database before installing the plugin.

Or watch this video for more details.

// https://www.youtube.com/watch?v=a4JBJXyuaFk

Best regards,
Ismael

Hey laptophobo,

Thank you for the inquiry.

Did you select a page to display as footer, or are you just using the default footer columns? If you are using the default footer columns, you can use this css code to adjust the breakpoint.

@media only screen and (max-width: 500px) {
  .responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
    margin: 0;
    margin-bottom: 20px;
    width: 100%;
  }
}

@media only screen and (min-width: 501px) {
  .responsive #top #wrap_all #footer .av_one_fourth {
    margin-left: 6%;
    width: 20.5%;
  }
}

Best regards,
Ismael

Hey tremblayly,

Thank you for the inquiry.

Adding this css code should make the tab container scrollable and allow the users to check the rest of the table.

.active_tab_content .tab_inner_content {
    overflow: scroll;
}

You may need to disable the file compression and purge the cache after adding the css.

Best regards,
Ismael

Hi,

Thank you for the update.

But we want to represent blogposts and tribe events cat together.

That option is not available by default, unfortunately. You may need to add two Blog Posts element, one for the default posts and another for events.

Best regards,
Ismael

Hi,

Thank you for the update.

You can use this css code to move the checkboxes underneath each other.

.wpcf7-checkbox .wpcf7-list-item {
    display: block;
    margin-left: 0;
}

You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css and purge the cache.

Best regards,
Ismael

Hey Dejan,

Thank you for the inquiry.

Looks like you have managed to import the lifestyle demo correctly based on the current appearance of the site. If this is not the case, you can try to manually import the xml files using the default WordPress import option.

// https://kriesi.at/documentation/enfold/import-demos/#how-to-manually-import-a-theme-demo

Best regards,
Ismael

Hi,

Thank you for the update.

Did you update enable the Enfold > Performance > File Compression settings? You may need to disable these options first before editing the site, or just make sure to toggle them and purge the cache afterwards.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

Instead of adding a widget, you can use this code in the functions.php file to insert another element (a banner, notification bar etc) above the logo container.

add_action("ava_main_header", function() {
    $banner = "<div id='banner'>This is a banner</div>";
    echo $banner;
}, 10);

You can then add this css code to style it a bit.

.responsive #top #header_main #banner {
    width: 100%;
    height: 30px;
    background: red;
    text-align: center;
}

Best regards,
Ismael

Hi,

Glad to know it is solved. Please let us know in a different thread if you need anything else.

Have a nice day.

Best regards,
Ismael

Hi,

Thank you for the update.

We cannot figure out why it resizes like that on Safari but we can see that the cell is not inheriting the full height of the grid row container. Have you tried replacing the Grid Row element with a Color Section? You should be able to reproduce the same layout using the Color Section elemen and it might get rid of the height issue with the grid row cells.

Best regards,
Ismael

Hi,

Thank you for the access.

Looks like it is including the post_translations and language taxonomies in the list. To fix the issue, we modified the config-templatebuilder/avia-shortcodes/post_metadata/post_metadata.php and added this code around line 947.

if( in_array($taxonomy_slug, array("post_translations", "language") ) )
				{
					continue;
				}

Best regards,
Ismael