Problems With Menu On Safari Browser
FP
Felix Pena-Sommer
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
3 Answers
Order by
Oldest
Toufiq
Accepted AnswerHi 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
FP
Felix Pena-Sommer
Accepted AnswerThank you for the css-code. This solved the problem. Best regards Felix