Tagged: uber menu, vertical menu
-
AuthorPosts
-
February 16, 2016 at 2:20 pm #584182
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?February 16, 2016 at 2:50 pm #584195Hey!
You can try using Mega Menu – http://kriesi.at/documentation/enfold/portfolio-item/creating-a-mega-menu/
Cheers!
YigitFebruary 16, 2016 at 3:03 pm #584204Hi 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?
February 16, 2016 at 3:11 pm #584211Hi!
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,
YigitFebruary 16, 2016 at 5:47 pm #584299Hi 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,
- This reply was modified 8 years, 8 months ago by anyone_officechanges.
February 17, 2016 at 10:41 am #584557Hey!
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!
YigitFebruary 17, 2016 at 11:55 am #584610Hi 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.
February 17, 2016 at 12:11 pm #584620Hey!
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,
YigitFebruary 17, 2016 at 1:20 pm #584674Hi 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,
February 17, 2016 at 1:22 pm #584679Hi!
It does work on my end on Safari as well. Which version of Safari are you using?
Regards,
YigitFebruary 17, 2016 at 1:33 pm #584693I 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.
- This reply was modified 8 years, 8 months ago by anyone_officechanges.
February 18, 2016 at 3:07 pm #585430Hi anyone-officechanges and Yigit,
Curious to know if the Ubermenu plugin worked.
About to purchase it.Thanks
- This reply was modified 8 years, 8 months ago by Mariken.
February 20, 2016 at 12:16 pm #586438Hi there,
After saying how good the service was on here I haven’t heard back in 3 days.
Please could you respond to this.
February 23, 2016 at 7:44 pm #587908Hi!
Can you post a screenshot of your view? and maybe a screenshot/mockup of what would you want to achieve.
Regards,
JosueMarch 10, 2016 at 2:08 pm #596287Hi there, I can’t see anyway that I can attach an image to this chat??
March 10, 2016 at 8:54 pm #596557That’s not possible, you’d need to upload it elsewhere and post a link here.
Regards,
JosueMarch 10, 2016 at 9:07 pm #596561Hi 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,
March 10, 2016 at 9:15 pm #596564Hi!
That can be done with Enfold’s Mega Menus, similar to this (Shortcodes menu item).
Best regards,
JosueMarch 10, 2016 at 9:22 pm #596570Yes 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
March 10, 2016 at 10:31 pm #596590Sure hand us that via private reply.
Regards,
JosueMarch 10, 2016 at 10:46 pm #596596Thank you. How long do you reckon it will take ?
March 10, 2016 at 11:02 pm #596602You forgot the password.
March 10, 2016 at 11:11 pm #596605Sorry, here you go!
March 10, 2016 at 11:40 pm #596612Check it.
March 11, 2016 at 11:37 am #596811Hi 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
March 11, 2016 at 6:43 pm #596981Hey!
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,
JosueMarch 12, 2016 at 12:10 am #597091Hi 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!
March 12, 2016 at 11:58 am #597191That won’t work, the mega menu div can’t go longer than the container width because its dimensions and positioning are relative to it.
March 12, 2016 at 1:40 pm #597201So can you just adjust the container width to fit responsively at the widest point on the page just like the full width banner,?
March 12, 2016 at 8:55 pm #597261It 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 -
AuthorPosts
- You must be logged in to reply to this topic.