How can I make the submit mega menu fullscreen?

Hi there!

Thanks for reaching out.

Would you please share the URL to check?

Best regards,

Hi,

You want the dropdown expanded to left, right fully, right? May I have your admin access to check the issue for you?

Best regards,

Hi,

Thanks, I understand your words. Please try the following code snippet in your custom CSS:

.sp-megamenu-parent {
  position: static !important;
}

.sp-dropdown.sp-dropdown-main.sp-dropdown-mega {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  padding-left: 0;
  padding-right: 0;
  border-radius: 0;
  z-index: 999;
}

.sp-dropdown-inner {
  width: 100%;
  max-width: 1320px; /* optional: match your content width */
  margin: 0 auto;
}

Best regards,

Hi,

Sorry to hear that. I think full should be good.

Hi,

I have said already, full should be good. If you want it fixed width then you can specify it in pixels. But without your admin access, I can not guess more than this, sorry about that. I have shared custom CSS above, that you have said that, it extends your dropdown but to the right. So you just need to set it as full. You may try center as well to see if it helps. Don't forget to clear Joomla and browser caches deeply after each change.

Thanks for understanding.