Problem With Menu Template - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Problem With Menu Template

R

Roberto

Template 3 years ago

I have a problem with the megamenu of the Pitech template.

The display for the desktop and for the tablet (vertical) is fine but the intermediate display between vertical tablet and horizontal tablet (wide) moves the menu under the logo.

Is there any way to prevent this? There are no settings in Helix Ultimate to correct this display error. Is there a custom css code to set the display of the off canvas menu also on the horizontal tablet?

0
9 Answers
Toufiq
Toufiq
Accepted Answer
Senior Staff 3 years ago #93683

Done

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 3 years ago #93438

Hi there,

Thanks for contacting us. Sorry for the inconvenience. Will you please provide me the Joomla administrator access to check the issue? I will check & get back to you soon.

-Thanks

0
R
Roberto
Accepted Answer
3 years ago #93461

Hi Toufiq, here my Joomla access... I wait you response! Thank you..

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 3 years ago #93594

Please check now. Added this css code inside the custom.css file.

div#sp-menu {
    display: flex;
    flex: auto;
    justify-content: flex-end;
}

@media screen and (max-width: 900px) and (min-width: 320px) {
div#menu-right {
    padding-left: 0px;
}
.menu-with-offcanvas.d-flex.justify-content-between.flex-auto {
    display: none !important;
}
#sp-logo.has-border {
    padding-right: 0px;
}
div#sp-menu {
    display: flex;
    justify-content: flex-end;
}
}
@media screen and (max-width: 1366px){
#sp-header.full-header-left .menu-with-offcanvas #offcanvas-toggler, #sp-header.full-header-center .menu-with-offcanvas #offcanvas-toggler, #sp-header.header-with-modal-menu .menu-with-offcanvas #offcanvas-toggler, #sp-header.lg-header .menu-with-offcanvas #offcanvas-toggler, #sp-header.header-with-social .menu-with-offcanvas #offcanvas-toggler {
    display: flex !important;
  }
  ul.sp-megamenu-parent.menu-animation-fade-up.d-none.d-lg-block {
    display: none !important;
}
  div#sp-menu {
    display: flex;
    flex: auto;
    justify-content: flex-end;
}
}
0
R
Roberto
Accepted Answer
3 years ago #93600

Hi Toufiq, I've checked but the off-cavans appears two times when I rezise the window.

If is impossible to hide the second off-canvas menu, it's possible to change the solution? for example make the mega menu (logo and menu items) more responsive without making it appear off-canvas when I use horizontal tablet (wide)?

When finished, the mega menu will have nine items

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 3 years ago #93622

Check again. Thanks

0
R
Roberto
Accepted Answer
3 years ago #93680

Thank you Toufiq! Now it works fine! :-)

Just a last question... I would like the menu on left (next to the logo like originally) but now with the custom.css, I can't to modify it from Helix Framework. Can you help me?

0
R
Roberto
Accepted Answer
3 years ago #93702

Thank you! It works fine!!!

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 3 years ago #93774

You are most welcome. Will you please spend some to write a review about our product and support quality? 

https://extensions.joomla.org/extension/sp-page-builder/

https://www.trustpilot.com/review/www.joomshaper.com

0