-
-
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:
-
Hello,
Please can you show us your site url?
What theme version do you have?
Best regards!
-
-
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!
-
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.
-
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!
-
-
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.
-
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!
-
-
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? -
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. -
Hello,
Sorry, sure they will be on the next update.
Best regards!
-
-
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?
-
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!
-
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.
-
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;
} -
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!
-
<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> -
Hello,
Sorry for the inconvenience.
We will include this in the next update.Best regards!
-
Thanks for accommodating that in the most recent version. I just tested it out and it all looks good!
-
You must be logged in to reply to this topic.