[zenzdesign]

Hi, I already have a website build with Elementor and another theme + LearnPress, but I would like to use Efor theme and this for my homepage: https://themes.pixelwars.org/efor/demo-02/

How can I import this demo only and use the same buttons style etc. But keep my original pages as I already spent lots of time building my website with Elementor before.

I tried installing theme + child and activating but all pages look really small in width and nothing like the example. I also don’t see Import Demo in Customize.

[zenzdesign]

I have managed to import the demo content from the homepage, but some parts are still missing. I have circled them in red in these screenshots:

https://snipboard.io/NXGHh0.jpg
https://snipboard.io/AySKOj.jpg
https://snipboard.io/ZbOKkt.jpg
https://snipboard.io/GsJzRk.jpg
https://snipboard.io/CpLgjI.jpg
https://snipboard.io/6j2bMr.jpg

[zenzdesign]

It looks like I need Jet-Elements.zip which is not included in the files. Where can I download this?

[zenzdesign]

Another thing: the header image is going over the home button, how can I fix this?
You can see it here: https://snipboard.io/o634ic.jpg

[zenzdesign]

The courses in the profile page look very bad, how can I fix this for full width or better organized? See here: https://snipboard.io/vfhj40.jpg

[serkan]

Hi @zenzdesign

Thank you for reaching out and providing the screenshots — that was very helpful!

Let me address your points one by one to help you get everything working as intended:

1. Importing only the homepage demo & keeping your existing pages:

You’re on the right track! If you want to import just the homepage layout from Efor Demo 02 without affecting your current LearnPress + Elementor pages:

Make sure you’ve installed the Efor parent theme and child theme.

Then, go to Elementor > Tools > Import/Export Kit and import only the homepage template (you can export it from a fresh Efor install).

Alternatively, you can manually recreate the homepage using the prebuilt Elementor template file.

Since you’ve already imported part of the demo but some content is missing, it’s likely due to required plugins not being installed.

2. Missing elements (as shown in your red-circled screenshots):

The missing parts seem to rely on the JetElements plugin, which is a premium plugin not bundled by default due to licensing.

✅ To fix this:
You’ll need to get license JetElements separately from https://www.pixelwars.org/forums/topic/tutorlms-pro/ and install it. Once installed, the missing widgets should appear correctly.

3. Header image overlapping the menu (https://snipboard.io/o634ic.jpg):

This is usually a Z-index or padding issue with the theme’s header settings.

✅ Solution:

Go to Appearance > Customize > Header or check the Elementor header template.

Ensure the section under the header has enough top padding/margin (usually 80–120px depending on header height).

You can also add custom CSS like:

.header { z-index: 99; position: relative; }

4. Courses in the profile page layout look broken (https://snipboard.io/vfhj40.jpg):

✅ Options:

Creating a custom Elementor template for the profile page.

Wrapping course content in a full-width container (via Elementor or by adjusting page template settings).

Also, try setting the page layout to “Elementor Full Width” or “Canvas” under the Page Settings.

In Summary:

Let me know if you’d like me to guide you step by step through any of these processes — happy to help further!
If you want, take backups of all the content and I will upload the demo content for you from scratch. In the meantime, make sure your hosting gives you enough support. You can find the relevant link below.
https://www.pixelwars.org/forums/topic/system-requirements-for-wordpress-themes/

Best regards,
Serkan

[zenzdesign]

Hi Serkan,

Thanks for the reply! I requested the license codes, I think everything will be easier to fix as the demo examples once I have those. For now, it won’t be needed to import the demo content again (I think).

Regarding The Header Overlapping Menu:
I tried adding the css but it didnt change anything. I added the padding/white space, but I actually liked the way the blue ribbon of the selected menu button looks (without the padding) and would like to have it go over the header image without having the big padding/white area, under the menu. It goes over the header image when scrolling down but not when being scrolled all the way to the top. Is this possible to have it always over the image?

By the way, I also added Amelia to offer 1-on-1 coaching (I followed steps from a tutorial to set it up right), but when try to book a coaching session, the dates are not clickable. Maybe because I need the license codes for Amelia also?

[zenzdesign]

Never mind, I fixed the header part :) Just waiting on the codes now

[zenzdesign]

In my blog I have these empty areas: https://snipboard.io/MEtAGU.jpg
How can I fix this without changing the blog layout? I would like to use this “1st Full + Grid” and not other layouts.

[zenzdesign]

How can I make the font of the mobile menu smaller?

[serkan]

Hi,
Thanks a lot for the update — great to hear that you’ve fixed the header issue! 🎉
Let me go over your latest points:
1. ✅ Empty spaces in blog layout
(Screenshot: https://snipboard.io/MEtAGU.jpg)

You’re using the “1st Full + Grid” layout, which is a beautiful option. The empty spaces usually appear when:

Some posts are missing featured images.

The blog layout expects a certain number of posts per row (e.g., 3), and the number of posts published doesn’t match that structure.

✅ What to do:

Make sure every blog post has a featured image set. Even if you don’t want an image shown in the post, the grid layout needs it for spacing.

Check if any blog posts are marked as “Sticky”. Try unchecking that setting temporarily.

Also, try increasing the number of posts shown per page under:
Settings > Reading > Blog pages show at most → set this to a multiple of 4 or 6 (like 12).

2. ✅ Make the font of the mobile menu smaller
Yes, this can be done easily with some custom CSS.

Here’s the code you can add in:
Appearance > Customize > Additional CSS:

@media (max-width: 768px) {
  .main-navigation ul li a {
    font-size: 14px !important; } }

You can change 14px to your preferred size.
3. ✅ Amelia booking dates not clickable
You’re correct — this is most likely due to:

Missing Amelia license activation, which disables some key booking functionalities.

Or, the services or employee schedule not being set properly.

Once you activate the license and verify your employee availability in Amelia > Employees, it should work smoothly.

But let me know if the issue persists after activation — happy to check the config with you.

Best regards,
Serkan

[zenzdesign]

Thanks a lot! I reinstalled Amelia and now it works properly. Regarding the blog, I have featured images on all posts, and none of my posts are sticky.
It looks more like the title and description of the last blogpost get some margins on left and right side. You can see it here, I marked it with red: https://snipboard.io/NwHzGW.jpg
Any ideas to fix this?

[serkan]

Hi,
You can use this custom css code;

.blog-grid.first-full .hentry:first-child .hentry-middle { max-width: none !important; }

Thanks

[zenzdesign]

Thank you!

[serkan]

You are welcome :) We’d be very happy if you can spare a minute to rate the theme on ThemeForest. Your feedback will boost our motivation and help us to work harder on future updates.

https://themeforest.net/downloads

Thank you for your support.