Viewing 9 reply threads
You must be logged in to reply to this topic.
Hi,
Here is the menu as it appears on mobile :
And here is my REAL menu :
Any idea why it doesn’t appear correctly?
Thank you,
Marion
Hello,
Sorry for the late reply.
Did you made any changes to theme files? Please overwrite file include\view\menu-small.php from the downloaded folder and let us know.
Best regards!
I,
I overwrote the file but nothing changed, I dont have 1st level pages.
Kind regards,
Marioncha
Hello,
Maybe you have added custom css code. Add this code at custom css code box:
.menu-small ul.menu > li > a { display: block; }
Best regards!
Hi Ruco, same problem here, since i have added the 2nd level menu, only these display in mobile version, I must say, I haven’t added any custom css to the site, nor have I changed any theme files, I will be trying the above solutions, but I am writing to let you know there is such problem going on.
blacktieleaders.com if you would like to have a look
Maja
I have tried to pase the above css code but i ged an error: element (ul.menu) is overqualified, just use .menu without element name
I have removed ul and saved like that but it did not help my menu, sorry I don’t know anything about css
Thanks
Maja
Hello Maja,
Sorry for the late reply.
Please try to add these lines into your custom css box:
@media (max-width: 767px){
.menu-small ul.menu > li > a { color: #080808;}
.menu-small ul.menu > li > ul > li > a { padding-left: 17%;}
.menu-small ul li a { color: #525151;}
}
This is the result.
Let us know how it will go.
Best regards!
Hah, I know what the result should be :)
Am I doing something wrong? id does not work…
Hello,
Please edit the code to this:
@media (max-width: 767px){
.menu-small ul.menu > li > a { color: #080808 !important;}
.menu-small ul.menu > li > ul > li > a { padding-left: 17% !important;}
.menu-small ul li a { color: #525151 !important;}
}
Let me know.
Best regards!
You must be logged in to reply to this topic.