Dear all,
my main menu is displayed on two rows when opening my website with ipad and safari browser.
See: https://1drv.ms/u/s!ApP852Q0XLwohMEQSa8692teKiAE7g?e=lJVlaJ
When opening page on any other browser on android tablet the "Big Mac"-Menu is displayed correctly.
Do you know how I can fix this?
The Website is: https://www.moerike-gymnasium.de
Regards,
Felix
Hi there,
Thanks for contacting us. Sorry for the inconvenience. Please follow the instructions.
Add this css code inside the custom.css file.
@media screen and (-webkit-min-device-pixel-ratio:0) {
body.ltr .sp-megamenu-parent > li.sp-has-child > a:after, body.ltr .sp-megamenu-parent > li.sp-has-child > span:after {
height: 0;
}
}-Thanks
Thank you for the css-code. This solved the problem.
Best regards
Felix
You are most welcome. Please close the ticket. Thanks