Mobile Sticky navbar doesn't work with using header from elementor pro

I thought your theme was compatible with elementor so this part I just notice before Im actually launching my site. I really hop its a way to fix this. So please help.

I attached a screenshot when you can see the Mobile Sticky navbar so you know what I mean. So there it works because its woodmarts header. But If I use elementor header from templates it disappears.

Hope for help 🙂

Attachments:

You must be logged in to view attached files.

Hello,

Try to add the following PHP code snippet to the child theme functions.php file to fix this

remove_action( 'woodmart_before_wp_footer', 'woodmart_sticky_toolbar_template' );
add_action( 'wp_footer', 'woodmart_sticky_toolbar_template' );

Kind Regards

It did work!! :)Thank you so much!

I saw as well did appar on tablet correctly so thats great.

Last question is possible to have the “mobile” sticky navbar as well on desktop view?

Sorry, but this navbar is designed for mobile devices only. You may need to perform additional customization to make it display on other devices also.

No problem about the desktop question.

But sadly I found a problem now even the mobile sticky nav shows up when having header from elementor. I cant click on on it. I use android samsung. The icons to account and favourites does work. But nothing happens when clicking on the “bag” for se the cart on the side and check out. I sent the link so you can try it privately on what I mean. If you want admin loggin I can give you that.

By the way. I have notice before as well problems with the cart icon you have in header and footer when I one time ty to add cart page in the end of same page where I had my products. I havent sent in this and issue but got reminded of it now and normally that works with other themes with woocommerce and elementor.

Thanks in Advanced!

You are using some custom shopping cart widget and our button doesn’t trigger this widget. It means that you need to customize the navbar code and place your custom button there.

Its is cart from elementor you saw on the example. But thats not the problem because I dont need to have it there.

The problem is that if it any other header in elemntor (even without another cart) your cart doesnt work.

Here is an example. https://bestall.app/b/product/ahlgrens-bilar-modell-a16-125g/

I made this header in elementor and it shows now on all products. So now you can see that the same issue is even if do not add the elementor cart in it.

Yes, since the Elementor header has its own shopping cart and our shopping cart is not displayed at all. But the sticky navbar has a button that opens our theme’s shopping cart (not the one from Elementor).

Yes your shopping cart is displayed with the “mobile sticky navbar”

The topic of my issue in this thread is about getting the “mobile sticky navbar” not working when using a elementor header template. Sorry if misunderstandings here.

I attach a screenshot showing that its there in the “mobile sticky navbar” But the problem is that it doesn’t work when you click on it. Nothing happens.

Sorry the image was to big. I resend it here aging

Attachments:

You must be logged in to view attached files.

Yes, the button doesn’t work since you have replaced our header with Elementor. And by doing this, you have removed our theme’s shopping cart from the page. The sticky mobile navbar cart button doesn’t open Elementor’s cart widget. It should open our theme’s widget only.

[Author]

Posts