Solved Helix Framework

Another Mobile Menu Missing

Asked by Mike Underwood 5 years ago Last activity 5 years ago

Hello,

I have a new J4 site that I just built using Helix 2.0.1, and the mobile menu is not showing and when I inspect it shows placement on the left not the right like I have selected in the Template framework. I have this same problem on a couple of J 3.10 sites, so please let me know the solution so I can make the same changes on those sites.

I have tried the CSS shown on a couple of other replies and that has not worked.

Access information is in the hidden content.

Thank you,
Mike

Accepted answer

Marked as the solution

Rashida Rahman Staff

5 years ago

Hello,

The offcanvas menu module was unpublished. I have published it and changed its color to white.

https://prnt.sc/1qkb9x7

13 more replies

Rashida Rahman Staff

5 years ago

Hi there!

Sorry for your issue.

I could not reach to your site: https://prnt.sc/1qg2k8b

Would you please check?

Best Regards

Mike Underwood Asked this

5 years ago

Sorry about that, I forgot to turn off coutry blocking in the firewall. You should be good to access the site now.

Thank you,
Mike

Mike Underwood Asked this

5 years ago

Hello,

Have you had the time to look at this, since I need to know how to fix the issue as I have the same problem on a couple of sites?

Mike

Rashida Rahman Staff

5 years ago

I have successfully entered to your backend now...

Mike Underwood Asked this

5 years ago

Thank you

Mike Underwood Asked this

5 years ago · edited

One last question, if in the template the offcanvas is set to Right, and when I inspect it shows float right. Why is the off canvas shown on the left of the page and it will not expand?

Thank you
Mike

Mike Underwood Asked this

5 years ago

Ok I have the site so now the mobile menu is floating right, but I cannot get the main desktop menu to center now without also centering the mobile menu which I do not want. Can you please tell me how to handle this issues?

Thank you,
Mike

Rashida Rahman Staff

5 years ago

Hello,

Really sorry for the late response but I'm glad that your issue has been solved already!

How did you make that correct:)

However, you can use the following code in your custom CSS:

@media (min-width: 575px){
#sp-menu .sp-column.d-flex.align-items-center.justify-content-end {
    justify-content: center!important;
}
}

This will let you center your menu from 575px device resolutions.

Note: Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

Best Regards

Mike Underwood Asked this

5 years ago

I am not sure how I got the mobile menu to align right, I tried turning on a pre-set menu and did not like the looks of that. The pre-sets don't really work for me or my clients anyway. Then I turned it off, and added test to the logo Slogan and then cleared that as I did not like the way it displayed and some where in this process the mobile menu location corrected itself. Either way this does not instill confidance in me with Helix and updating client live sites. Too many problems still happening for me to do that.

Rashida Rahman Staff

5 years ago

Did you used the code I have given you above, please?