Hide Theme menu on mobile

Good day we want to use Tap Tap mobile menu on mobile.

tap tap menu conflict with theme menu and we are promted the following:

Advanced: Hide theme menu
If you have set TapTap to show only at a certain resolution, know the class/ID of your theme menu and would like to hide it when TapTap is visible, enter the class/ID into this field (example: “#my-theme-menu”). Multiple classes/IDs can be entered (separate with comma as you would in a stylesheet).

could you kindly provie me with such class/id?

Regards

Hello,

Do you want to hide the menu on a certain resolution or in mobile view completely?

If you want to remove the mobile menu on the mobile, you can do it by removing the mobile menu element in the Header builder: https://xtemos.com/docs/woodmart/header-builder/header-responsive-settings/

Best Regards

Good day ELise and thank you for your reply.
It makes absolute sense.

I disabled 3rd party off canvas menu and will try to stick with the native one from Woodmart.
I have a couple of question though:

on mobile the header is not sticky white set to be sticky – can you investigate on this?

how can i customize off canvas menu? dimension / color / background?

regards
Martial

Hello,

Please provide your site admin access to the private area.

I will check the settings.

The mobile menu is customized by custom CSS. We can change the color and background.
Best Regards

Good day
See below admin access.

Could you set off canvas menu to be full screen? could you also point out css amendment to add a background? or would it be preferable to use a 3rd party plugin?

thank you.

Hello,

I am checking your site on mobile, the header is sticky on mobile: https://prnt.sc/wm6lcq

You can change the font by means of Advanced typography option, which allows to choose the item from a drop-down or insert your custom CSS class. Please navigate to the Theme Settings > Typography > Advanced Typography.

Here is the documentation providing more detailed instructions: https://xtemos.com/docs/woodmart/advanced-typography-settings/

Best Regards

Good day Elise & Team Xtemos.

If you scroll on mobile you will notice that header is not sticky.
while on settings it was set on sticky. Could you kindly investigate and resolve?

Regards
Martial

Hello,

Please deactivate all the plugins not related to the theme and switch the parent theme, check the issue, If the problem has gone, activate the plugins one by one, checking the issue to detect which one causes the problem.

Or please confirm the permit for us to deactivate the plugins and switch to the parent theme for the while of checking what may take up to 15 minutes.

Best Regards

yes please go ahead and check.

Please note that developer from a plugin highlighted this thing:

hidden css was missing:

.hidden {
display: none;
}

perhaps it helps

Hello,

Please find the file woodmart\js\functions.js

Then find this line:

adminBarHeight = $('#wpadminbar').outerHeight(),

Replace this with this line:

adminBarHeight = $('#wpadminbar').length > 0 ? $('#wpadminbar').outerHeight() : 0,

Then disable these options:

https://prnt.sc/wgky86

We shall fix this in our nearest update.

Best Regards

Thank you;

We will then wait for the theme update.
We have another issues as all product pictures disappeared. is this caused by any plugin or backend manipulation from your side?

ignore my comment i simply to enable SSL again

Hello,

Is there anything else we can do for you? If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts