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

Issue with Mega Menu and Child Menus

oni
    • 10 years, 3 months ago rmiller
      Participant

      Expired

      I am having a problem with the display of the menu.

      When using a Mega Menu, it appears as all 1 column.

      When there is a child menu, it should be moved to the right of it’s parent, but it appears on top.

      Here is a screenshot of both menus:

      Specular Menu Issues

    • 10 years, 3 months ago Ruco
      Keymaster

      Hello,

      Please can you show us your site url?

      What theme version do you have?

      Best regards!

    • 10 years, 3 months ago rmiller
      Participant

      Expired

      This reply has been marked as private.
    • 10 years, 3 months ago Ruco
      Keymaster

      Hello,

      The mega-menu supports up to 5 columns, you have added more than 5 columns in megamenu that’s why it have this look.

      Best regards!

    • 10 years, 3 months ago rmiller
      Participant

      Expired

      Thank you for your note on the mega menu.

      How about the other menu issue? This is the one visible in the bottom of my above screenshot.

    • 10 years, 3 months ago Ruco
      Keymaster

      Hello,

      Sorry for the inconvenience.

      Please edit the file style.css in Editor.
      find the line:

      .header_8 nav .menu > li > ul.sub-menu, .header_8 nav .menu > li > ul.sub-menu ul{top:104%;left:0 !important;}
      

      and replace with:

      .header_8 nav .menu > li > ul.sub-menu, .header_8 nav .menu > li > ul.sub-menu ul{top:104%;}
      

      Best Regards!

    • 10 years, 3 months ago rmiller
      Participant

      Expired

      That took care of it.

      Thanks Ruco!

    • 10 years, 3 months ago rmiller
      Participant

      Expired

      After further reviewing, that just took care of moving the child menu over. However, I still have the issue where child the menu is too low. Additionally, when hovering over the link below, two child menus are visible.

      Here’s a screenshot of both those instances. In the second instance, you can see the first link is actually from the previous menu.

    • 10 years, 3 months ago Ruco
      Keymaster

      Hello,

      Sorry, we will fix it on the next heme update.
      Please follow these instructions to fix the issue.

      Edit the fie /js/main.js via FTP. Find the code: https://www.codeshare.io/lMkqL

      and replace with this one https://www.codeshare.io/nOBtf

      Also add this css code at Custom css code at Specular general options:

      .header_8 nav .menu > li > ul.sub-menu ul {
      top: -10px;
      }
      

      Best regards!

    • 10 years, 3 months ago rmiller
      Participant

      Expired

      Thanks Ruco!

      That took care of the issue.

    • 10 years, 3 months ago rmiller
      Participant

      Expired

      Hi Ruco,
      I just installed 1.2.5 and noticed that the changes discussed in this topic where not applied. Will they be added in the next version?

    • 10 years, 2 months ago rmiller
      Participant

      Expired

      Hi Ruco,
      I recently installed 1.2.7 and I see that the changes that we discussed were not applied. Would it be possible to add this to the official release? Otherwise, I need to adjust the files each time.

    • 10 years, 2 months ago Ruco
      Keymaster

      Hello,

      Sorry, sure they will be on the next update.

      Best regards!

    • 10 years, 2 months ago rmiller
      Participant

      Expired

      Thanks Ruco!

    • 9 years, 11 months ago rmiller
      Participant

      Expired

      Hi Ruco,

      I installed version 1.3 and I noticed that the changes discussed in this thread didn’t make it to that build. Will you have it in the next version?

    • 9 years, 11 months ago Mirela
      Participant

      Hello,

      The mentioned issues of child menu items are already fixed in version 1.2.7. Can you please tell us what issue is still ongoing?

      Best regards!

    • 9 years, 10 months ago rmiller
      Participant

      Expired

      I installed version 1.3.4 and I still have the same issue as seen in the screenshots at the very top of this thread.

      Each release, I have to add in the code changes expressed in this topic.

      Thanks.

    • 9 years, 9 months ago rmiller
      Participant

      Expired

      Hello,

      I just wanted to check in and see if the coding adjustments as specified in this thread will be applied to the next version release of this theme.

      Specifically, here are the adjustments:
      <p style=”box-sizing: border-box; color: #393d40; font-family: ‘Open Sans’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px;”>Edit the fie /js/main.js via FTP. Find the code: https://www.codeshare.io/lMkqL</p>
      <p style=”box-sizing: border-box; color: #393d40; font-family: ‘Open Sans’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px;”>and replace with this one https://www.codeshare.io/nOBtf</p>
      <p style=”box-sizing: border-box; color: #393d40; font-family: ‘Open Sans’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px;”>Also add this css code at Custom css code at Specular general options:</p>

      <pre style=”box-sizing: border-box; overflow: auto; font-family: Inconsolata, Consolas, Monaco, ‘Lucida Console’, monospace; font-size: 15px; color: #444444; padding: 5px 10px; border: 1px solid #dddddd; max-width: 95%; vertical-align: middle; margin-top: 0px; margin-bottom: 24px; background: #f9f9f9;”>.header_8 nav .menu > li > ul.sub-menu ul {
      top: -10px;
      }

    • 9 years, 9 months ago Mirela
      Participant

      Hello,

      Sorry for the late reply.
      We made many changes in the latest theme update. We tested the menu too and it does not present any issue. Like you can see in our demo. Do you still have an issue with the menu?
      Let us know how we can help.

      Best regards!

    • 9 years, 9 months ago rmiller
      Participant

      Expired

      <p style=”box-sizing: border-box; color: #393d40; font-family: ‘Open Sans’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px;”>Yes. I installed version 1.3.4 and I still have the same issue as seen in the screenshots at the very top of this thread.</p>
      <p style=”box-sizing: border-box; color: #393d40; font-family: ‘Open Sans’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px;”>Each release, Edit the fie /js/main.js and replace this code: https://www.codeshare.io/lMkqL with this code https://www.codeshare.io/nOBtf</p&gt;

    • 9 years, 9 months ago Mirela
      Participant

      Hello,

      Sorry for the inconvenience.
      We will include this in the next update.

      Best regards!

    • 9 years, 9 months ago rmiller
      Participant

      Expired

      Thanks for accommodating that in the most recent version. I just tested it out and it all looks good!

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