Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

part of submenu shows

    • 8 years, 9 months ago Boekenbalie
      Participant

      Expired

      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!

    • 8 years, 9 months ago Mirela
      Participant

      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!

    • 8 years, 9 months ago Boekenbalie
      Participant

      Expired

      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)

       

    • 8 years, 9 months ago Kris
      Participant

      Hello,

      Do you want to remove the green underline on contact menu item? see screeshot
      Let us know.

      Best regards!

    • 8 years, 9 months ago Boekenbalie
      Participant

      Expired

      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

    • 8 years, 9 months ago Mirela
      Participant

      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!

    • 8 years, 9 months ago Boekenbalie
      Participant

      Expired

      Strange that you see a different menu… See screenshot attached what I see.

      menu

    • 8 years, 9 months ago Kris
      Participant

      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!

    • 8 years, 9 months ago Mirela
      Participant

      Hello,

      We have opened the site (with the credentials) you provided in your extra information fields, in your profile . Are you not referring to this site?
      Please send us a link of this site.

      Best regards!

    • 8 years, 9 months ago Boekenbalie
      Participant

      Expired

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

    • 8 years, 9 months ago Mirela
      Participant

      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, 9 months ago by Mirela.
Viewing 10 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password