Menu toggle and logo button not working on phone Botiga theme

Hi @mohammedandbik,

Thanks for the query.

I could have found what is causing you such that issue and could have suggested the solution if you could have provide this information in your query.

Thanks for your time and consideration. i think the problem is only in the home page. https://www.peekaboo.ma

Hi @mohammedandbik,

Thanks for sharing the additional information. Upon inspection, I found the issue is with page content added with Elementor. Negative margin is blocking the header area. That’s why the mobile menu button is not functioning.

To fix this issue, add this CSS code to Appearance > Customize > Additional CSS from dashboard.

.bhfb-mobile {
    z-index: 7;
}

Thanks so much for the support,the problem is fixed, just one more question, is it ok to keep the margins the way they are “negative”, will they cause other problems?

“Negative margin is blocking the header area.”

and how to make the header sticky on mobile?

• This reply was modified 9 months ago by Andysite.

Hi @mohammedandbik,

is it ok to keep the margins the way they are “negative”, will they cause other problems?

I don’t think so. But you may try removing it if you really not need it to be there.

and how to make the header sticky on mobile?

You can add this simple CSS code to Appearance > Customize > Additional CSS from dashboard.

.bhfb-mobile {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
}

Thank you so much for all your support, I really appreciate your help.

All the solutions you provide work perfectly

Please I would like to display a secondary menu on mobile, is it possible to add it on the heme, or is there any plugin that you recommend for that.

Thank you again.