-
-
Hi,
When I hover “contact” in the menu a part of the green submenu shows.. There is a submenu but this only shows in mobile menu (CSS only-mo)
I add the following custom CSS in the editor in the Specular Child theme. (
@media only screen and (min-width: 990px) {
.only-mo { display: none !important; }}
What is the problem?
Thanks!
-
Hello,
Sorry can you please explain better? I don’t understand what do you want to do. I don’t see any sub-menu in “Contact” in neither mobile or desktop.
Did you add the custom css class? Where did you add it? What is not functioning?Best regards!
-
Sorry..again :-)
A strange green row shows up when I hover the menu item “contact” on my desktop.
What can I do to remove it?
(today I add custom CSS to show only 4 menu items on desktop)
-
Hello,
Do you want to remove the green underline on contact menu item? see screeshot
Let us know.Best regards!
-
Thanks Kris, but that’s not the problem.
When I hover the menu “contact” you can see that it somehow wants to show a submenu. It appears a little under the header menu and only appears when I hover the word contact. There ís a submenu here, but this is only visible on Mobile screens.
It appeared when I added this custom CSS:
@media only screen and (min-width: 990px) {
.only-mo { display: none !important; }}Thanks,
Linsey
-
Hello,
If you have a sub-menu under “contact” and have hidden it with css, then it should show when inspected with “inspect element”. However. i don’t see anything under ‘Contact’ in your menu (screenshot). Did you remove it?
Let us know.
Best regards!
-
Strange that you see a different menu… See screenshot attached what I see.
-
Hello,
I see that the Contact menu item doesn’t have a submenu and it doesn’t show like it has, even in mobile version. Sorry, but i don’t understand what is the problem with the green line when you hover the menu item, even “contact” item. Please see these screeshots menu on mobile view and contact item menu .
Did you already remove the submenu? Also, i don’t see this code@media only screen and (min-width: 990px) { .only-mo { display: none !important; }}
on your CSS box.
Have you manage to fix it by removing this code?
Can you send us a screenshot of the way you want the menu to be shown?
Let us know.Best regards!
-
Omg….I am so sorry! This link refers to the staging website and this problem occurs in the “live” site. I will adjust the information in my profile… Then you can see what I mean when I hover the menu item “contact”.
-
Hello,
I edited the “only_mo” class css code you had in your child theme css file, to this:
@media only screen and (min-width: 990px) { .only-mo { display: none !important; } nav .menu > li > ul.sub-menu { opacity: 0;} }
Please check your site. It is as you wanted.
Note: Please keep in mind that these types of customization are not included in support service. Read more about it here.
Best regards!
- This reply was modified 8 years, 2 months ago by Mirela.
-
You must be logged in to reply to this topic.