[Marius1989]

After some testing I want to add the following:

This code will work, no matter the amount of carousel items or carousel settings so you don’t have to adjust the snippet in specific cases.

.grve-flexible-advanced-carousel .grve-element, .grve-flexible-advanced-carousel .grve-inner-section .grve-inner-section {
    width: 100%!important;
}

[Marius1989]

I could replicate your issue and it seems this is a simple stylesheet issue.
I guess it was just missed to add additional rules if you place another inner section inside the carousel.

The problem here is, that the carousel item gets the same width as the inner row as the same CSS rule applies. So the carousel content width is exactly 50%, as you already mentioned.

Should be fixed in an upcoming release. Here is a temporarily fix:

.grve-flexible-advanced-carousel[data-items="2"][data-slider-loop="no"] .grve-element, .grve-flexible-advanced-carousel[data-items="2"][data-slider-loop="no"] .grve-inner-section .grve-inner-section {
    width: 100%;
}

You might adjust this code if you change the amount of carousel items.
Please remove this snippet after the update. Hope that helps.

• This reply was modified 3 years, 4 months ago by Marius1989.
• This reply was modified 3 years, 4 months ago by Marius1989.

[Marius1989]

So after 2 months of reporting some issues, there is still no major updates on this.
Not even a single word about it. For me, who has responsibility towards third parties invloved, this is unacceptable.

Still, I can’t use the the safe button area, skin on scroll effect, anchor menu, etc. on any project.
There are a lot of other problems but to be honest, I already kind of gave up and won’t report anymore.
But anyway, seems like I am the only one facing these particular issues so I’m fine with it.

Since there were no new release since weeks, I am still hoping for some kind of major update.
If issues won’t be addressed in the upcoming release, I have to rethink the entire situation.

[Marius1989]

You are welcome!

[Marius1989]

Just give your button/element the class “grve-toggle-responsive-menu”. As a link, just insert “#” (or anything which fits to you best, e.g. “#hidden-menu”).
Keep in mind that you need to add a close button with the class “grve-close-btn”, if you don’t use the fullscreen responsive menu (the one where the header keeps visible).

Also increase the z-index of the menu area from 3 to 7 to hide the main header on desktop mode.

• This reply was modified 3 years, 4 months ago by Marius1989.

[Marius1989]

Keep in mind that the responsive menu is available anytime, no matter which header type you choose. You can also trigger it with any button on the page you like. So that might be another solution.
You could display/hide items or elements on specific sites. It is pretty customizable with very little CSS. Optionally some jQuery – if really needed.

From UX perspective, the anchor menu might be a better solution, since it would only require 1 click instead of 2.

• This reply was modified 3 years, 4 months ago by Marius1989.
• This reply was modified 3 years, 4 months ago by Marius1989.

[Marius1989]

The only header layout that shows the offcanvas menu is #6 + #7 + the new #8 and there is no other menu visible.
The other icons you might see there are the menu elements icons, not the offcanvas toggle icon.
Where is the need of 2 main menus? What do you want to achieve?

One solution might to pick the menu layout #1 and set the menu alignment to center (or whatver you want). Then enable the page side area sidebar under page options and put any content inside you want to.

• This reply was modified 3 years, 4 months ago by Marius1989.

[Marius1989]

Quick fix, until there might be an in-built option. Wouldn’t recommend as an long-term solution. PHP would be the route there.

jQuery(document).ready(function( $ ){
  	$('.grve-post-item .grve-read-more').addClass('grve-btn-text grve-text-black grve-btn-line grve-line-bottom');
  	$('.grve-post-item .grve-read-more').find('svg').remove();
  	$('.grve-post-item .grve-read-more').contents().wrap('<div class="grve-btn-inner"></div>');
  	$('.grve-post-item .grve-read-more .grve-btn-inner').append("<span class='grve-line grve-bg-black'></span>");
  	$('.grve-post-item .grve-read-more span').css( { marginRight : "0" } );
});

Don’t forget do wrap the code inside script tags, Wordfence doesn’t allow me to post it that way here.
You might need to adjust some CSS classes like “grve-text-black”, etc. Or substitute the CSS classes to your needs. All button varations are easily achievable.
Don’t foget to prefix with your custom CSS class to target only your preferred sections.

• This reply was modified 3 years, 4 months ago by Marius1989.

[Marius1989]

Animation durations are not working on columns, inner columns and elements. Exception: Clipping Animations
Animations are not working as soon as wrapped inside an animated column. Also inside clipping animation wrappers.

[Marius1989]

I just can agree @hiegl.
Thank you so much for making Impeka better and more powerful with each single update, Greatives.

[Marius1989]

16.) When updating the theme and if you are using the header type 2 with the two menu options, the header main menu always gets replaced by the second header menu. So both menus will be the second header menu. Was not the first time, if that helps.

– The anchor menu issue for the shrink header fixed. For the scroll up header it is kind of, but there is still an issue.
When scrolling down and the scroll up header hides before the anchor menu is reached, the anchor menu acts like there is still a header. So it is a blank space on top of there anchor menu where the header was before hiding.
There is no such an issue, when the scroll up header is still visible, as soon as it hits the top of the anchor menu.

[Marius1989]

Is there any known issue, when disabling certain scripts, the sticky header will not work as intended?

I didn’t check all but I found 2, when doing some speed tests and trying to improve performance, etc.

– FitVids
– LightGallery

I mean, there shouldn’t be any dependencies regarding the header, or am I missing something?

LightGallery also disables some blog/portfolio types btw, where I don’t understand some do work and some don’t.
It would be great if there is not a dependency on the page builder element, but not sure how it works. Maybe there is a quick fix.

[Marius1989]

– on One-Pages, the current menu item could receive an active class, so we can see, in which section we currently are. That also counts for anchor menus (additional here on mobile devices, switch the menu item automatically, dependend on which section you are)

– Menu Items could receive an option, where we can choose, whether sub menu appears on hover or on click. Since we have now the opportunity to place area items inside the sub-menu, this would be a pretty nice extension to the current behavior

[Marius1989]

Are you talking about front- or backend?
No issues detected on my end.

I guess it also depends on the scale of your Events.

Are there any indicators for it in the queries monitor plugin?
If you experience a drastic impact on the performance, you might reach out to support.
There should be no such issues, as it is a supported plugin.

Can you exclude conflicts with other plugins?
Would be interesting if you experience this problem on a clean installation with no plugins installed, but the required ones, plus Events Calendar.

[Marius1989]

Can confirm this. Really nice work. Guess it was not an easy task to resolve issues like that with so many dependencies.
Thank you!

Out of pure interest:
Was it not possible to “restore” the scroll-up-sticky header to the state where it was right before page reload?
Or does it work now how it was intended to be?

Anyway. Happy to see major issues like that are always on top of your list.
Cheers!

[Author]

Replies