-
-
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.