Allura - Missing Mobile Menu - Question | JoomShaper

Allura - Missing Mobile Menu

Stephane Hanrez

Stephane Hanrez

Template 4 hours ago

Hi,

When going to the page of my website that is defined to user the Allura template, I don't have access to the menu, while it's ok on all other page (currently using Dentro template).

Could you have a look.

This is the page that has an issue: https://www.4fitandfight.be/easystore while main page, still on Dentro, is showing ok: https://www.4fitandfight.be/

What did I miss ?

Login to the website in hidden content as the easystore page is not published yet.

0
2 Answers
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 1 hour ago #226824

Hi there!

Thanks for reaching out.

The Offcanvas menu icon is available, but the icon color is black, so it is not visible against the black header background.

Please add the following CSS code to your custom CSS to change the Offcanvas icon color to white:

.burger-icon > span {
    background-color: #ffffff;
}

Here is all about custom code placement in the Helix Ultimate framework: https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta

After adding the code, please clear the cache and check the menu icon again.

Best regards,

0
Stephane Hanrez
Stephane Hanrez
Accepted Answer
48 minutes ago #226829

Thanks a lot, that worked indeed.

How can I make the header part bigger on the mobile menu ? I have set the logo size to 80px, but this seems to be a common setting for all screen types. Ideally I would like the logo to be bigger, and add some left margin to it (I have done it in css for the normal site but it doesn't seem to be taken into account on mobile.

Also it looks like the cart and login icons are hidden behind me search box. How can I format my top bar so that it looks like on the allura quickstart (menu icon is on the left, bigger, and the 2 icons are on the right )

Thanks

0