Hello Support,
The dropdown menu on my website hides behind the screen when on laptop, am using Educon II Template
Staff replied
Templates
Educon II template - drop down menu hides behind screen on laptops,
9 replies
Toufiq Senior Staff
Hi there,
Thank you for reaching out. I just checked your issue. But, no problem found on my end. Please check the screenshot.
Best regards,
Toufiqur Rahman (Team Lead, Support)
Athman Asked this
Hi there,
the menu works perfectly on big screen (Desktops), but it hide behind screen on small screens (specifically the laptops), kindly see the screenshot attached
Toufiq Senior Staff
Athman Asked this
Hi Toufiq,
I have implemented the suggestion, however, the menu still behaves the same. see screenshots
Toufiq Senior Staff
Could you kindly grant me access to your Joomla administrator area so that I can investigate the issue you're experiencing? Prior to providing access, please ensure that you have backed up your site. Additionally, it's important to note that providing login credentials is entirely voluntary on your part; we respect your decision either way. However, if you do choose to share the login details, it would greatly expedite the resolution process. Thank you for your cooperation.
Athman Asked this
Hi Toufiq,
I would prefer to give you access to the backend, I have already backed up the site, find the credentials below
Paul Frankowski Senior Staff
8 months ago
· edited
My suggestion
by custom CSS you can force to fit only for Smaller ScreenSize
@media screen and (max-width: 1440px) {
.sp-menu-full.container {width: 1024px;}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {padding: 10px;}
}
@media screen and (max-width: 1280px) {
.sp-menu-full.container {width: 960px !important;}
}this should be more universal tip for your site.
AND
Disable also [=] Offcanavs Menu from Desktop view, is not needed, and only takes space that you need for "normal" Menu
Toufiq Senior Staff
Please check and let me know. Thanks
Athman Asked this
Its now Ok, do you mind to tell me what was the problem? thank you for the support
Toufiq Senior Staff
Added custom css code inside the template custom code CSS box.
body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-full {
left: -27%;
right: 0;
}
Athman Asked this
Thank you so much
Toufiq Senior Staff
You are most welcome! We appreciate your feedback and are delighted to hear that you're satisfied with our service.
To officially close this forum post, mark it as accepted. If you have any more questions or need further assistance in the future, please don't hesitate to reach out to us.
As for writing a review about our product and support quality, we would greatly appreciate it! Your feedback helps us improve and serves as a valuable reference for others. Please take a moment to share your thoughts about your experience with our product and the support you received. Your input is valuable to us and the community. Thank you in advance for your time and support.
We're here to assist you with any further questions or requests you may have. Once again, thank you for choosing our product and for being a part of our community.
Best regards,
Toufiqur Rahman
Team Lead, Tech Support (JoomShaper)
Paul Frankowski Senior Staff
8 months ago
· edited
If that is OK for you, please mark topic as solved.
As you saw every problem can be solved, sometimes using two different methods. Like in Life.
Athman Asked this
Well noted, thank you for the advice
Log in to reply.