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

Drop down menu problems

    • 7 years, 5 months ago mrchurch49
      Participant

      Expired

      I am using Folie theme.  When I add a drop down menu item and hover over the main menu item the drop down appears horizontally under the main menu but links do not work.  This makes the drop down menu unusable.  Cannot find where to change parameters for this.  Any assistance appreciated.

      My site is currently protected from view by an under construction plugin.  If you need to look at it let me know and I can make it viewable.

      • This topic was modified 7 years, 5 months ago by mrchurch49.
      • This topic was modified 7 years, 5 months ago by mrchurch49.
    • 7 years, 5 months ago Mirela
      Participant

      Hello,

      Yes, if you can send us some valid wp credentials, that would be great. So we can check this out.
      Send them as private reply by checking the “Set as private reply” box below.

      Best regards!

    • 7 years, 5 months ago mrchurch49
      Participant

      Expired

      I figured it out.  I had to uncheck the MegaMenu checkbox for that menu item.  Seems to work now.  Thanks.

    • 7 years, 5 months ago Mirela
      Participant

      Hello,

      That’s great.
      Thank you for sharing!

      Best regards!

    • 7 years, 5 months ago Bels_06
      Participant

      Expired

      I’m having the same problem with my Folio theme – <span style=”color: #4b4d4d; font-family: Raleway; font-size: 14px;”> </span><span style=”color: #4b4d4d; font-family: Raleway; font-size: 14px;”>When I add a drop down menu item and hover over the main menu item the drop down appears horizontally under the main menu but links do not work.  This makes the drop down menu unusable.</span>

      No idea how to uncheck the MegaMenu checkbox.

      I am currently working on my localhost.

    • 7 years, 5 months ago Mirela
      Participant

      Hello,

      Please go to Appearance > Menus, open the submenu item and see if the megamenu check box is checked. See screenshot of the option: https://postimg.org/image/pz0lb1tjp/

      Let us know.

      Best regards!

    • 7 years, 5 months ago Bels_06
      Participant

      Expired

      <p class=”p1″>Hi – thanks the box was unchecked – should it be checked?</p>
      <p class=”p2″></p>
      <p class=”p1″>Ist image is my box unchecked and the second image is what my menu is doing – the drop down is right under the menu and I can’t click onto it.</p>
      <p class=”p2″></p>
      <p class=”p1″>Another question would be – how to move the drop down so it does not interfere with the rest of the menu?</p>
      <p class=”p2″></p>
      <p class=”p1″></p>
      <p class=”p1″>Thanks</p>
      <p class=”p1″></p>
      <p class=”p1″></p>

    • 7 years, 5 months ago Mirela
      Participant

      Hello,

      Yes, the check box should be unchecked.
      Do you have any third party plugin installed? What version of theme are you running?
      Please deactivate them and try again. Can you send us a screen recording of the options and the live page? you can use the Screencastify -Screen video recorder add-on in chrome browser.

      Let us now.

      Best regards!

    • 7 years, 5 months ago Bels_06
      Participant

      Expired

      HI

      Ok – the box is unchecked. I have deactivated other plugins. I am using Folie codeless version 1.2.4.

      Here is a screen recording of what is happening to the menu.

      https://drive.google.com/file/d/1Dz_VOGG0Q9M1bvAY-OAkOjsWAIcLqfy1/view

    • 7 years, 5 months ago Mirela
      Participant

      Hello,

      From what i see from the screen recording, is not the menu item that is not working, but rather it’s set lower than needed for you to take the mouse on it.
      Please add this code into your Customize > Additional Css menu:

      nav:not(.cl-dropdown-inline) .menu > li > ul.sub-menu {
          top: 22% !important;
      	left: 180px !important;
      	}
      nav .menu li ul.sub-menu li ul.sub-menu {
          top: -16px !important;
      }

      Change the values to your wish. Let us know.

      Best regards!

    • 7 years, 4 months ago Bels_06
      Participant

      Expired

      Hi I have added the additional Css but it is still not displaying correctly – it gets hidden.

      see screen recording

      https://drive.google.com/file/d/1eDoBQKg719KXFVAbpvXx0xzaKSsNbsIi/view

      Thanks

    • 7 years, 4 months ago Mirela
      Participant

      Hello,

      Please try reducing the left: 180px !important; and try again.
      It is very strange that the submenu items look as they are hidden under the slider. This does not happen normally and i can’t debug it since it is in a localhost.
      I suggest you try editing the custom css values till you get a satisfied result. Or let us know when you can get a demo online so we can have a change to check it up.

      Best regards!

    • 7 years, 4 months ago Bels_06
      Participant

      Expired

      OK – how do I go about changing the css stylesheets?

      I put the above code in but how do I go about altering it?

      Thanks

    • 7 years, 4 months ago Bels_06
      Participant

      Expired

      Sorry Also I am unable to click on the links in the submenu. I don’t want to take this online as things are not working and I will be replacing a working site with this and if the navigation does not work that will be big problems on a live site.

    • 7 years, 4 months ago Mirela
      Participant

      Hello,

      Please know that this does not happen in the default theme, so there must be something causing it, or an error in the configuration. There is no need to replace a working site, you can create a test domain (example: subdomain test.yoursite.com) in the same server and try this out. Once we fix whatever is causing this, then you can proceed into replacing the real online site.

      The css is always added into the Customize > Additional Css menu. Not in the style.css file directly. Here the code is safe as it will be stored in the database and you can update theme anytime without losing any added code. While if you add the custom css directly into the style.css files, then you will need to save a backup of the file and redo the changes every time a theme update is performed (theme update overwrites every theme files. Losing every change made into them previously.)

      Let us know how you wish to proceed.

      Best regards!

    • 7 years, 4 months ago Bels_06
      Participant

      Expired

      This reply has been marked as private.
    • 7 years, 4 months ago Bels_06
      Participant

      Expired

      Hi

      Alternatively is it possible to make the menu drop down as in the screen recording below?

      https://drive.google.com/file/d/1JQ1j3RZ_a7C537oSwZQ1sKYpPDr8XCEI/view

      Regards
      Belinda

    • 7 years, 4 months ago Mirela
      Participant

      Hello,

      Yes, please send us some valid wp credentials in a private reply. So we can give it a closer look.

      Best regards!

    • 7 years, 4 months ago Bels_06
      Participant

      Expired

      This reply has been marked as private.
    • 7 years, 4 months ago Bels_06
      Participant

      Expired

      Morning – are you able to help with the drop down problem.

      Thanks
      Belinda

    • 7 years, 4 months ago Mirela
      Participant

      Hello,

      Sorry for the late reply!
      I added this code into your Additional Css menu:

      .header_container.header-left.menu_style-simple.menu-full-style.menu-with_shadow.cl-header-light {
          z-index: 99 !important;
      }

      Please clear cache and refresh page. It’s ok now.
      Let us know.

      Best regards!

    • 7 years, 4 months ago Bels_06
      Participant

      Expired

      Great thanks – I know need to make it look good.

    • 7 years, 4 months ago Bels_06
      Participant

      Expired

      Hi sorry – it is only working on the home page not on any of the other pages on the menu.

      Please check this – thanks

    • 7 years, 4 months ago Bels_06
      Participant

      Expired

      Morning – will you be looking at this soon?

      Thanks

    • 7 years, 4 months ago Mirela
      Participant
      This reply has been marked as private.
    • 7 years, 4 months ago Bels_06
      Participant

      Expired

      Monring

      That code is already in the additional CSS.

      Here is a link to the site.

      https://dev.fergusonarchitects.co.za/

      All up to date on the wp version.

    • 7 years, 4 months ago Mirela
      Participant

      Hello,

      Sorry for the late reply.
      I edited some of the css in the Additional Css menu. It’s ok now in all pages. Please clear cache and refresh pages.

      Best regards!

Viewing 26 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