I have 2 Issues - Button In Module (displaying On Menu) And Menu Wrapping Around - Question | JoomShaper
Back to the questions

I have 2 Issues - Button In Module (displaying On Menu) And Menu Wrapping Around

DA

Dina Abramson

Template 9 months ago

Hi,

  1. My customer wants a button on the menu linking to an external portal. button is in a module. Looks great on desktop. Not on mobile. Question: is there a way to have a button display on the off-canvas menu when on a mobile device?

  2. My menu is wrapping around because the customer wants his logo to be larger. I have not been able to successfully reduce the space so that the off-canvas menu does not wrap around.

https://awdtest2.com/images/menu_issues.png

I have tried a few things to no avail.

Your assistance is greatly appreciated.

0
9 Answers
Order by
Oldest Newest Votes
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 9 months ago #180642

Hello Dina,

Thank you for reaching out to us. Could you please check now? I have created another module to display the portal button on the off-canvas menu and made some adjustments to the CSS in your template under css -> custom.css.

If you need any further assistance, feel free to let me know.

Thanks,

0
DA
Dina Abramson
Accepted Answer
9 months ago #180715

Thank you so much, it is perfect.

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 9 months ago #180771

You are welcome.

0
DA
Dina Abramson
Accepted Answer
9 months ago #181158

For some reason, my header is again displaying the portal button on a mobile header.

the only thing that changed, was i updated pagebuilder this morning.

can you please show me the css you added?

thank you.

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 9 months ago #181196

Hello,

Could you please check it in a different browser or in incognito mode? I see that it’s working fine on my end.

Thank you.

0
DA
Dina Abramson
Accepted Answer
9 months ago #181692

Hi, I don't know what is going on, but the button and module is not visible on off-canvas and I know it was there. I don't know how you added it to the off-canvas menu, and I'm trying to figure out what you did. Can you please show me any css you added, because i don't see it in custom.css

I have to do this on another site, and I can't figure out what you did.

Thanks and I'm sorry for the bother. i'm added the new site i have to repeat the process on.

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 9 months ago #181758

Hello,

To make your portal button available in menu offcanvas, I have duplicate your menu portal site module and rename it to Menu-portal-btn-mobile and assign position to offcanvas, Please, Check screenshots,

Then I add this css in template options -> Custom code -> Custom css:

@media (max-width: 991px){
.offcanvas-menu .offcanvas-inner ul.menu>li ul.menu-child {
    display: block;
}
#sp-header #sp-menu .sp-module {
  display: none !important;
}
  header#sp-header .container, header#sp-header .container-inner {
    width: 100%;
    margin: 0;
    padding: 0 20px;
    max-width: 100%;
}

  .offcanvas-menu .offcanvas-inner {
    display: flex;
    flex-direction: column-reverse;
}

  .offcanvas-menu .offcanvas-inner div.mb-4 {
    order: -1;
}
  .sp-module.portal-mb a {
    display: block !important;
}
  .sp-module .menu,
  .offcanvas-menu .offcanvas-inner div:nth-child(2){
    margin-bottom: 0 !important;
}

}

Thanks

0
DA
Dina Abramson
Accepted Answer
9 months ago #181805

thank you for your assistance. It is very much appreciated.

  • Dina
0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 9 months ago #181809

You are welcome.

0