Hi there,
I have just launched a new site for a client and the main menu is displaying below the header on i-Pads. I can send a screenshot but can't find a way to do it in this message.
I am using the Helix Ultimate template. This is also happening on one other sandbox I am working on using Helix so it is an issue which needs solving. I have included admin access for you. Thanks...Jay
Hello Jay,
Really glad that it helped and you are always welcome:)
You may accept my answer in order to close the post.
Best Regards
Hi there!
Did you mean the landscape view of iPad? https://prnt.sc/_CPYhYqKVYuG
Then it is the issue about not getting enough space to fit in the menu column. I have checked and the font size is 18px, if you reduce it then it will be fitted on.
You can use the following media query in your custom CSS:
@media (max-width: 1199px){
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
font-size: 15px !important;
}
}Hope this will solve the issue for you!
Note: Path towards custom CSS(Joomla 3): Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.
Best Regards
Hi Rashida,
Yes it has solved the issue. Thank you for your quick response....Jay