Mobile Bottom Navbar

Hola!

Been taking a look at the mobile navbar & it so nice to have this feature!
Though I’m writing as I’ve found a few things that I need adjusted.

1. My original mobile header has this setup – see attachment mobheader
Settings for Menu element:

• style: icon
• show search form: unchecked
• show categories menu: checked
• swap menus: checked

Settings for the Account element:

• style: icon
• show username: unchecked
• show login form: checked
• form display: sidebar
• swap menus: checked

2. menu on front-end – see attachment mobheaderfrontend

3. When I activate the navbar both menu & account buttons work the same way as the elements do in the header. But now I got duplicate functionality.

4. I redesign the mobile header & remove both the account & menu elements. Now functionality has changed. – see attachment mobnavbar
4.1. When Mobile Header is active I get this menu – see attachment mobnavbarmenu2
4.2. When Mobile Header is inactive, Nabvar Botoom menu link adds a search form + does not show Categories & Mobile Menu split function – see attachment mobnavbarmenu3
4.3. Also Mobile Navbar Bottom my account link redirects to the page. No sidebar form present (tested on incognito so definitely not logged in).

I want to have the same functionality in the Bottom Navbar as I can have in the Mobile Header. What settings have I missed? Do I need extra code? #sendhelp

Attachments:

You must be logged in to view attached files.

Attachments for 4.1. & 4.2

Attachments:

You must be logged in to view attached files.

Hello,

3. When I activate the navbar both menu & account buttons work the same way as the elements do in the header. But now I got duplicate functionality.

Please what do you mean? When you click the menu, a mobile menu should appear, like this: https://gyazo.com/765b7863f239686459c0eeaac026352e When you click My account icon, there should be either sidebar: https://gyazo.com/3df176cdf7d11adb8ebecf9b45dcb560 or login form. Please provide the site credentials (insert them into the Private content block below the text area) and specify how you want it to be.

Please check this manual: https://xtemos.com/docs/woodmart/adding-menu-site/ and this one: https://xtemos.com/docs/woodmart/product-category-menu/

Best Regards

See private content

Hello,

Your video is not accessible.

I am checking your site and the mobile menu is like this: https://xtemos.nyc3.digitaloceanspaces.com/wp-content/uploads/2021/10/mobheaderfrontend.png

You can add and remove the elements as per your needs in the Mobile view of the header: https://xtemos.com/docs/woodmart/header-builder/header-responsive-settings/

Best Regards

Hi Elise,

Forgot to make the link available outside of my Google account. Please try again.

Hello,

I have created a Heade base and made it default. Now you need to edit it as per your need: add the elements into the mobile view: https://xtemos.com/docs/woodmart/header-builder/header-responsive-settings/ and https://xtemos.com/docs/woodmart/header-builder/add-edit-builder-elements/

Then enter each element (hove the element to see the option to edit) and configure each element as per your needs.

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts