-
Posts
-
I need help with turning my vertical sub menu dropdown to a horizontal one that covers the whole page. I would like it so when you hover over one of the main menu buttons the horizontal menu comes up with a opacity to still some of the page underneath.
How can I achieve this?Hey!
You can try using Mega Menu – http://kriesi.at/documentation/enfold/portfolio-item/creating-a-mega-menu/
Cheers!
YigitHi there,
Thank you for this. However it doesn’t seem like it creates full page horizontal dropdown, it looks like it only creates columns within the vertical dropdowns subcategories.
Could you assist?
Hi!
It is not easily possible to create such menus however please feel free to request here – https://kriesi.at/support/enfold-feature-requests/
I am not really sure if UberMenu plugin offers such feature but you can try using it or any other menu plugin. Before purchasing such plugins, please contact plugin authors to be on the safe side.Best regards,
YigitHi there,
I have tried using meg menus however the hover is not working. Could you advise please?
I have only done it so far on the ‘Who are we’ Tab.
Also one other thing, how can I remove the background shadow on the welcome text on my homepage. I want it to be just white text on the background without the boxed shadow. Also how can I change the font on the welcome text (image caption) it only allows me to change the button colour but gives me no font or colour options for the main caption text.
Many thanks,
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title, .avia-caption .avia-caption-content p, .avia-caption .avia-caption-title { background: transparent; } h2.avia-caption-title { color: orange!important; }Cheers!
YigitHi there,
Thank you for this. Is there anyway within the code, instead of making the shadow background disappear you can make it a lighter shadow, so it’s not as dark and bold?
Also, could you please also respond to my question above with regards to the hovering. When I hover over my menu the sub menu should appear under ‘Who are we’ and it’s not. Also the hover over the search bar doesn’t work either. Thank you.
Hey!
Please change the first code to following one
.caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title, .avia-caption .avia-caption-content p, .avia-caption .avia-caption-title { background: rgba(0,0,0,0.3); }0,0,0 is RGB value of the color and 0.3 is opacity level. Adjust as needed
Which browser and OS are you using? Submenu works fine on my end. Please see screenshot in private content field below
Regards,
YigitHi there,
Thank you for the code, works perfectly!
With regards to the browser. I’m using Safari and it doesn’t work at all. Does that mean that if my customers view my site on Safari they won’t be able to view the sub menus?
Many thanks,
I am using version 9.0.3
I wonder why it works for you and not me….hmm
Many thanks,
(may I just say this is the most efficient forum i have ever used. your responses are so helpful and quick, so thank you)
Ps. i have just tried in chrome and it doesn’t work on there for me either.
Hi there,
After saying how good the service was on here I haven’t heard back in 3 days.
Please could you respond to this.
Hi!
Can you post a screenshot of your view? and maybe a screenshot/mockup of what would you want to achieve.
Regards,
JosueThat’s not possible, you’d need to upload it elsewhere and post a link here.
Regards,
JosueHi Josue,
Thanks for this, please see link attached.
This is someone elses site but we would like a similar structure so when you hover on the page you get a full page horizontal sub menu.
We currently have a normal vertical drop down.Can you do this?
Many thanks,
Hi!
That can be done with Enfold’s Mega Menus, similar to this (Shortcodes menu item).
Best regards,
JosueYes I know this is what I spoke about with your colleague before but for some reason it wasn’t working for me and we never found a solution. If I provided you with our login would one of your team be able to code and test this for me?
Many thanks
Hi Josue,
Thank you for this. I can see what you have done however the sub menu is still not full page width, it only comes out at the point of the hover button.
Do you know what I mean?Many thanks
Hey!
The current implementation does not support that, however one thing you can do is set a fixed width to the mega menu div (in this case, the width of your container), try adding this to Quick CSS:.
@media only screen and (min-width: 1140px){ .responsive .container .avia_mega_div{ width: 1375px !important; } }Regards,
JosueHi Josue,
That has worked however as I alter the width to make it full page it appears to be getting longer to the right off the page (see image attached) rather than getting larger central on the page. Can you fix this? Other than that it’s perfect.
Thank you!
That won’t work, the mega menu div can’t go longer than the container width because its dimensions and positioning are relative to it.
So can you just adjust the container width to fit responsively at the widest point on the page just like the full width banner,?
It may be possible but it would require a modification the mega menu implementation. Unfortunately that’s beyond our support scope. You can request a customisation quote from a third-party provider here.
Regards,
Josue
- You must be logged in to reply to this topic.