Jahid

Hi @macksix The icons used by Elementor often rely on Font Awesome or a similar library. If this library isn’t loaded correctly, the icons may not display properly. I had a similar issue with one of my clients, and here’s how I fixed it:

• Go to your WordPress Dashboard.
• Navigate to?Elementor?>?Settings.
• Go to the?Advanced?tab.
• Ensure the?Load Font Awesome 4 Support?option is enabled.
• Save the changes.

Let me know if this helps.

Hi @lokismedru,

It seems like Font Awesome or another icon library is not loading properly. The icons used by Elementor often rely on Font Awesome or a similar library. If this library isn’t loaded correctly, the icons may not display properly. I had a similar issue with one of my clients, and here’s how I fixed it:

• Go to your WordPress Dashboard.
• Navigate to Elementor > Settings.
• Go to the Advanced tab.
• Ensure the Load Font Awesome 4 Support option is enabled.
• Save the changes.

Let me know if this helps.

Best regards,
Jahid

Hi @wrednyspam,

Actually, I am not the author of this plugin. I am just trying to determine whether the issue is caused by a conflict with the theme or another plugin.

Thank you for your understanding.
Best regards,

Hey @wrednyspam What theme are you using? Have you tried switching the theme?

Hi @eugenien, I’m sorry for the oversight and I should have included this initially. Here is the CSS code that will fix the issue:

.wp-block-post-featured-image {
    aspect-ratio: auto !important;
}

Please make sure to clear your browser cache or reload the page by pressing Ctrl + Shift + R on your keyboard.
Hope this helps!

Hey @alohasafetyandhealth,

The issue you’re experiencing is common with mobile menus that have submenus. The problem usually lies in how the theme or plugin handles touch events on mobile devices. Here’s a simple trick to fix it:

You can use a custom link with the href set to # for the parent menu item, then assign the submenu under this parent item. This way, the parent item will not navigate to a new page, allowing the submenu to display correctly.

To explain further:

1. Go to the WordPress dashboard.
2. Navigate to Appearance > Menus.
3. Find the parent menu item (e.g., “Course Information”).
4. Change the URL of the parent item to #.
5. Arrange the submenu items under this parent item.

This will allow users to tap the parent item to view the submenu without being redirected to a new page.

Hi @bmva,

It would be easier to troubleshoot the issue if you provide your website address. The problem seems to be with your HTML markup and CSS. You might need to add some CSS based on the responsive breakpoint.

Additionally, here is an Elementor add-on you might consider for creating a pricing table: Simple Pricing Table.

Hi @24jobs,

I would like to help you with this please share your website URL (but don’t share any login details here) so I can try implementing custom CSS.

Thank you!

Hello @mumuextreme can you explain a little bit more?
What exactly you mean?

Hi @wrednyspam The error message “the_content function missing” in Elementor can occur when a custom WordPress page template doesn’t include the_content function.

Please read more details here and see the recommend way to fix this issue by Elementor Help

• This reply was modified 5 months ago by Jahid.

Hi @visedfaq,

Yes, here is why I am archiving the .txt file after generating it. Basically, when I was testing the code, I noticed that the .txt file wasn’t downloaded automatically, but a .zip file did the trick. I didn’t dig into why the .txt file couldn’t be downloaded, but you might want to investigate that further and see if there’s a workaround.

I hope this clarifies the question.

Hi, @hellblauervogel I’m sorry to hear that the issue persists. It seems like I need to add !important to some CSS properties to prevent them from being overridden by the default CSS. Here is the updated code:

.wp-container-core-group-is-layout-2.wp-container-core-group-is-layout-2 {
    justify-content: space-between !important;
    padding: 20px;
}

.wp-block-navigation__responsive-container {
    padding: 20px !important;
}

.wp-block-navigation__responsive-container ul {
    margin: 0;
    padding: 0;
}

Note: Please clear your browser cache or reload the page by pressing Ctrl + Shift + R on your keyboard.

Hi @killex69 this issue appears to be a common problem that can occur after updates. Here are a few steps you can take to troubleshoot and resolve the issue with Elementor Header & Footer Builder:

1. Clear Browser Cache:
Clear your browser cache and cookies, then try editing the header again.

2. Regenerate CSS:
Go to Elementor > Tools > Regenerate CSS. This action can fix issues with stylesheets that might be affecting the loading of the header.

3. Check for Plugin Conflicts:
Deactivate all plugins except Elementor and Elementor Header & Footer Builder. If the issue is resolved, reactivate the plugins one by one to identify the conflicting plugin.

4. Switch to a Default Theme:
Temporarily switch to a default WordPress theme (like Twenty Twenty-One) to check if the issue persists. If the header can be edited, the problem might be with your current theme.

5. Update Plugins and Themes:
Ensure that all your plugins and themes are updated to their latest versions. Sometimes compatibility issues arise from outdated components.

6. Increase PHP Memory Limit:
Insufficient memory can cause issues. Increase the PHP memory limit by adding the following line to your wp-config.php file:
define('WP_MEMORY_LIMIT', '256M');

7. Check for JavaScript Errors:
Open the browser console (F12 key or right-click and select “Inspect” > “Console”) and look for JavaScript errors when trying to edit the header. These errors can give clues about what might be going wrong.

8. Rollback to Previous Version:
If the issue started after the latest update, consider rolling back to the previous version of Elementor and Elementor Header & Footer Builder. You can use the WP Rollback plugin to do this easily.

By following these steps, you should be able to identify and resolve the issue with editing headers in Elementor after the update. If you still face difficulties, reaching out to the support team will be the best course of action.

Hi @eugenien try this custom code.

.wp-block-post-featured-image img {
    height: auto !important;
}

You can add this CSS code using the?WPCode?plugin or any other method you prefer.

Let me know if this helps.
Best regards,
Jahid

Hi @hellblauervogel ,

There may be some issues with the layout settings. It’s hard to pinpoint the exact problem without seeing the backend (please do not share any login or personal information here). However, I’ve written some CSS code that should fix the issue:

.wp-container-core-group-is-layout-2.wp-container-core-group-is-layout-2 {
    justify-content: space-between;
    padding: 20px;
}

.wp-block-navigation__responsive-container {
    padding: 20px !important;
}

.wp-block-navigation__responsive-container ul {
    margin: 0;
    padding: 0;
}

You can add this CSS code using the WPCode plugin or any other method you prefer.
Let me know if this helps.

Best regards,
Jahid