Menu Display On IPad
Jay Thistle
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
Rashida Rahman
Accepted AnswerHello Jay,
Really glad that it helped and you are always welcome:)
You may accept my answer in order to close the post.
Best Regards
Rashida Rahman
Accepted AnswerHi 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