Solved Templates

Problem with menu template

Asked by Roberto 3 years ago Last activity 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?

Accepted answer

Marked as the solution
Toufiq Senior Staff
3 years ago

Done

8 more replies

Oldest first Newest first Most helpful
Toufiq Senior Staff
3 years ago

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

Roberto Asked this
3 years ago · edited

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

Toufiq Senior Staff
3 years ago

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;
}
}
Roberto Asked this
3 years ago · edited

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

Toufiq Senior Staff
3 years ago

Check again. Thanks

Roberto Asked this
3 years ago

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?

Roberto Asked this
3 years ago

Thank you! It works fine!!!

Log in to reply.