Hi,

No problem! Please feel free to open a different thread if you have more questions about the theme.

Have a nice day.

Best regards,
Ismael

Hey stephen j mcateer,

Thank you for the inquiry.

You don’t need to get a new license for Enfold but you have to renew the support license when the current one is already expired. You can renew it directly from the Enfold overview page on Themeforest, make sure to login first.

// https://themeforest.net/item/enfold-responsive-multipurpose-theme/4519990

For more info, please check this documentation.

// https://help.market.envato.com/hc/en-us/articles/207886473-Extending-and-Renewing-Item-Support

Best regards,
Ismael

Hi,

You have to add the PHP code that we provided in the previous thread in order to move the sidebar. Unfortunately, you cannot properly adjust its location using css only. There is nothing wrong with a few PHP modifications or using WP hooks in the functions.php file. It is a very common practice in WordPress development. If you want to just hide the sidebar, please use this css code.

.single-product.product-template-default .sidebar {
   displays: none !important;
}

Best regards,
Ismael

Hey Антон,

Thank you for the inquiry.

Did you switch to the Advance Layout Builder? Please note that when the builder is active, all default elements will not be added automatically including the title, comments, featured image etc. You will have to add those manually using the available elements or objects in the builder.

Best regards,
Ismael

Hi,

Thank you for the update.

The first section is not visible because of this css code.

#av_section_1, #manualts {
    display: none;
}

Did you add the css code just recently?

Best regards,
Ismael

Hi,

Great! Glad to know that the issue has been resolved. Please do not hesitate to open another thread if you have more questions about the theme.

Have a nice day.

Best regards,
Ismael

Hi Leo,

The code above will not affect products that are using the Advance Layout Builder, only those that are using the default editor. The modification is necessary in order to adjust the location of the sidebar.

Best regards,
Ismael

Hey Portfolio,

Thank you for the inquiry.

The form fields are not displaying on certain screen sizes because of this css code.

@media only screen and (max-width: 1024px) and (min-width: 768px) {
    input {
        position: absolute;
        opacity: 0;
        z-index: -1;
   }
}

We are not yet sure where this particular css code is located because the stylesheets are merged when we checked the site. Please try to disable the Enfold > Performance > File Compression settings temporarily.

Best regards,
Ismael

Hey lilei218,

Thank you for the inquiry.

We are getting a few jQuery errors in the console but we cannot figure out where they are coming from because the scripts are merged. Please disable the Enfold > Performance > File Compression settings temporarily so that we can check the issue further.

It was an issue with the Enfold > Performance > File Compression settings. We disabled the compression settings temporarily.

Best regards,
Ismael

Hey Daniel,

Thank you for the inquiry.

All modifications or configurations for the shop plugin are located in the enfold > config-woocommerce folder and you can disable those by adding this snippet in the functions.php file.

add_theme_support('avia_exclude_WooCommerce');

This might cause issues with the Advance Layout Builder (ALB) but it should be fine as long as you are not using it for your products.

Best regards,
Ismael

Hey m,

Thank you for the inquiry.

We can adjust the height of the portfolio items on mobile view but this will affect the display of the portfolio images. They will not be fully visible within the portfolio item container or will get cut off a bit. If that is alright, you can use this css code.

@media only screen and (max-width: 767px) {
  .avia-fullwidth-portfolio .grid-entry, .avia-fullwidth-portfolio .grid-entry .inner-entry, .avia-fullwidth-portfolio .grid-entry .inner-entry .grid-image {
    height: 250px !important;
  }

  .avia-fullwidth-portfolio .grid-entry .inner-entry .grid-image img {
    object-fit: cover;
    height: 100%;
  }
}

Best regards,
Ismael

Hey dweddell,

Thank you for the inquiry.

Since the phone number and the free trial button is part of the menu container, there is no other way to center align the rest of the menu items aside from adjusting the margin between the very last menu item and the phone number. One workaround is to move the phone number and free trial button in a separate container or add them as widget. You can then adjust the style of this widget container separately. The following documentation should help.

// https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area

If you don’t want to use the widget, you can try this css code but you might still have to adjust the position of the phone number and the button on different screen sizes.

@media only screen and (min-width: 990px) {
  /* Add your Desktop Styles here */
  .responsive #top .main_menu {
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
  }

  .responsive #top .av-main-nav-wrap {
    float: left;
    position: relative;
    z-index: 3;
    left: 50%;
    transform: translateX(-50%);
  }

  .responsive #top #header #menu-item-67 {
    position: absolute;
    right: -400px;
  }

  .responsive #top #header #menu-item-114 {
    position: absolute;
    right: -200px;
  }
}

Make sure to temporarily remove the previous css code after adding the above css.

Best regards,
Ismael

Hi,

Thank you for the update.

Can you provide a screenshot of the layout that you have in mind or a mockup of the changes that you would like to do with the slider? You can use imgur or dropbox for the screenshot.

To align the button to the right, please use this css code.

#top #wrap_all .avia-slideshow-button {
    float: right;
}

Best regards,
Ismael

Hi,

Thank you for the update.

You can use this css code to adjust the column width on tablet view or when the screen width is less than 989px.

@media only screen and (min-width: 768px) and (max-width: 989px) {
  .responsive #top #main .products .product {
    margin: 0 1% 1% 0;
    width: 49%;
  }

  .responsive #top .products .product:nth-child(even) {
    clear: none;
  }
}

Best regards,
Ismael

Hey FamalcoGroup,

Thank you for the inquiry.

This is not possible out of the box, unfortunately, but you can set the submenu items to always in the Enfold > Main Menu > Burger/Mobile Menu > Menu Icon Submenu items settings. Just select the first option in the dropdown. You can also create a clone of the parent menu item.

Best regards,
Ismael