Solved SP Page Builder

OFFCanvas Menu Unresponsive on Mobile Version

Asked by Paul B. 2 years ago Last activity 2 years ago

I purchased an updated version of SP Page Builder Pro to go with my Newsberg 2.0 Temlate
Worked smoothly on older version after some fixes but latest build which was required for security
Off Canvas Menu No longer works.
I am now running PHP 8.0
Joomla 5.03
Newsberg Template 2.0
Sp Builder Pro 4.0.1 ( this is latest verion it will let me install without breaking my site.)

Problem is Accordian Shaped Off Canvas Menu is not responsive on mobile site .
Works perfect on Full Version or Tablet Version but not mobile version.
Have tried unpublishiing Off Canvas Menu and Republishing and saving , no fix.
https://zf42.com

Accepted answer

Marked as the solution

Rashida Rahman Staff

2 years ago

Hi there!

Please accept my apology.

You are using multiple Header section in your template options.

Please check the screenshots:

https://share.cleanshot.com/ytgJMLKG

https://share.cleanshot.com/M3nWS42H

If you turn off the predefined header in your basic tab of the Template Options then the offcanvas menu in mobile version will work.

If you remove the topbar section in the Layout section, your offcanvas in mobile will work either.

I didn't do it for you as I don't know which header you wants to keep finally. Please let me know if you have anymore queries.

Best Regards

11 more replies

Rashida Rahman Staff

2 years ago

Hi there!

Sorry for your experience.

Would you please give me your admin access to check the issue?

Best Regards

Paul B. Asked this

2 years ago

Please let me know when someone is available I cant just leave access open indefinitely for security reasons

Rashida Rahman Staff

2 years ago

Hi,

You can just share your admin access in the hidden content box. Then the sensitive information will only be visible to our support team. No one else can see this.

Best Regards

Paul B. Asked this

2 years ago

Ok I am posting a temporary password in hidden content.
SO to be clear the issue is that the OFF CANVAS menu is only editable on HELIX , which isnt that much of a problem but it now only works on Desktop version. On the Mobile version is it just static and the does not do anything. I have installed a temporary workaround as you will see there is another menu below loge created from SP Page Builder But it does not display like I want it to as I want an OFF CANVAS mobile menu just like every other Mobile site does. Let me know if you have any access issues.

Paul B. Asked this

2 years ago · edited

Ok I am posting a temporary password in hidden content. SO to be clear the issue is that the OFF CANVAS menu is only editable on HELIX , which isnt that much of a problem but it now only works on Desktop version. On the Mobile version is it just static and the does not do anything. I have installed a temporary workaround as you will see there is another menu below loge created from SP Page Builder But it does not display like I want it to as I want an OFF CANVAS mobile menu just like every other Mobile site does. Let me know if you have any access issues.

Rashida Rahman Staff

2 years ago

Hi there!

I have tried to login but couldn't succeeded with your given credentials. Please check the screenshots in the hidden content box.

Best Regards

Paul B. Asked this

2 years ago

Ok I see that I had to restore from a backup before you could gain access.
Because of problems on the site , I have had to restore from backups quite often but
I have everything stable now it seems.

Paul B. Asked this

2 years ago

I you can please fix this I have been waiting a long time for a solution.
Or tell me what is causing the issue so that we may correct it .

Paul B. Asked this

2 years ago

Again the problems still persist with the menu is the only issue currently , On mobile versions the
Off Canvas Hamburger menu does not work.
I have had to add another one from Page Builder as a temporary fix but I need a permanent solution.

Paul B. Asked this

2 years ago

Still Trying to get this issue resolved.

Paul B. Asked this

2 years ago

This didn't exactly fix the problem but it did lead me in the right direction and fixed it , Thanks for the help !

Rashida Rahman Staff

2 years ago

Hi,

Only I want to say, please keep it simple.

Why do you need 3 headers, actually? You can use a single one and then modify it with responsive mode if you do not want all the columns in mobile view or vice versa.

Explanation: when you remove the predefined header, then logo disappears, becaause the HEader section in your layout, you kept only menu, and menu right module positions. if you add logo column there also, then you will see logo as well!

You may recheck the documentation on 'Custom Header' so it will help you to get the idea about how to rearrange logo, menu, and other module positions in the columns there.

https://www.joomshaper.com/documentation/helix-framework/custom-header

This layout doc will help you to get the idea of reponsive section here:

https://www.joomshaper.com/documentation/helix-framework/layout-builder

If still anything is unclear, then let me know, I will try to explain. Moreover, you can share example of what you want in your desktop header and what in the mobile header, so that I can help you better.

Best Regards

Rashida Rahman Staff

2 years ago

Oh glad that it has been solved already and you are always welcome:)

Have a nice day!

Paul B. Asked this

2 years ago

I added the other headers from SP Page Builder because the hamburger menu wasnt working. This was all troubleshooting the issue. Although I technically can add the logo header back after it deletes it it puts in a weird place so it looks odd. I want to logo to be on there natively how it should be and for future updates. It looks weird when added manually.

Rashida Rahman Staff

2 years ago

Thanks! Is there something that I can still help with, please?