Hey ti2media,
HTML requires at all IDs are unique, this is not a Enfold limitation. To solve  your issue you need to create unique IDs for mobile and then create a different menu for mobile with those IDs. In the theme settings you can choose a different menu for mobile devices: Enfold > Main Menu > General > Alternate Menu For Mobile

Best regards,
Mike

Hi,
Glad that Ismael could help, if you have further questions please open a new thread and we will try to help. Thanks for using Enfold.

Best regards,
Mike

Hi,

Thanks for the update. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard

Hey Matti,

Please follow this guide: https://kriesi.at/documentation/enfold/theme-registration/

Best regards,
Rikard

Hey ti2media,

Thank you for the inquiry.

You can adjust the initial height of the header in the Enfold > Header > Header Layout > Header Size settings. To correct the menu color issue including the active state color on a scrolled header, please add this css code.

.header_color.header-scrolled .main_menu ul:first-child > li.current_page_item > a {
    color: #ffffff !important;
}

.header_color.header-scrolled .main_menu ul:first-child > li > a {
    color: #0d3c63 !important
}

.header_color .main_menu ul:first-child > li.menu-item-language > a {
    color: #0d3c63;
}

.header_color.header-scrolled .main_menu ul:first-child > li.menu-item-language > a {
    color: #ffffff;
}

Let us know the result.

Best regards,
Ismael

Hey dnewkirk,

Thank you for the inquiry.

You may need to temporarily disable the cache plugin, as well as the Enfold > Performance > File Compression settings, while editing the site. You can enable them again once you’re done. Let us know if the issue persists.

Best regards,
Ismael

Hi,

Thanks for the update, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard

Hey condonp,

Please try the following in Quick CSS under Enfold->General Styling:

@media only screen and (max-width: 1750px) {
#section-width .flex_column {
  height: 300px;
  min-height: 300px;
}
}

You might have to add more media queries with different height values. Simply copy the code above and change the max-width value.

Best regards,
Rikard

Hi,

Thanks for the clarification. Please try the following in Quick CSS under Enfold->General Styling:

body.rtl .logo {
  left: auto;
}

body.rtl .main_menu {
  right: auto;
  left: 0;
}

Best regards,
Rikard

Hi,

Thanks for the update, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard

Hey Rompf,

Thank you for the inquiry.

The child theme should be included in the package you downloaded from Themeforest, but you can also download it directly from the documentation.

— https://kriesi.at/documentation/enfold/child-theme/

Let us know if you need more info.

Best regards,
Ismael

Hi,
Glad that Ismael could help, if you have further questions please open a new thread and we will try to help. Thanks for using Enfold.

Best regards,
Mike

Hi,
Glad that Guenni007 could help, Thank you Guenni007, if you have further questions please open a new thread and we will try to help. Thanks for using Enfold.

Best regards,
Mike

Hi,
Thank you for your review on Theme Forest, glad that this helped. If you have further questions please open a new thread and we will try to help. Thanks for using Enfold.

Best regards,
Mike