Viewing 30 posts - 1 through 30 (of 34 total)
  • Author
    Posts
  • #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?

    #584195

    Hey!

    You can try using Mega Menu – http://kriesi.at/documentation/enfold/portfolio-item/creating-a-mega-menu/

    Cheers!
    Yigit

    #584204

    Hi 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?

    #584211

    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,
    Yigit

    #584299

    Hi 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,

    #584557

    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!
    Yigit

    #584610

    Hi 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.

    #584620

    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,
    Yigit

    #584674

    Hi 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,

    #584679

    Hi!

    It does work on my end on Safari as well. Which version of Safari are you using?

    Regards,
    Yigit

    #584693

    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.

    #585430

    Hi 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.
    #586438

    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.

    #587908

    Hi!

    Can you post a screenshot of your view? and maybe a screenshot/mockup of what would you want to achieve.

    Regards,
    Josue

    #596287

    Hi there, I can’t see anyway that I can attach an image to this chat??

    #596557

    That’s not possible, you’d need to upload it elsewhere and post a link here.

    Regards,
    Josue

    #596561

    Hi 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,

    #596564

    Hi!

    That can be done with Enfold’s Mega Menus, similar to this (Shortcodes menu item).

    Best regards,
    Josue

    #596570

    Yes 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

    #596590

    Sure hand us that via private reply.

    Regards,
    Josue

    #596596

    Thank you. How long do you reckon it will take ?

    #596602

    You forgot the password.

    #596605

    Sorry, here you go!

    #596612

    Check it.

    #596811

    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

    #596981

    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,
    Josue

    #597091

    Hi 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!

    #597191

    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.

    #597201

    So can you just adjust the container width to fit responsively at the widest point on the page just like the full width banner,?

    #597261

    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

Viewing 30 posts - 1 through 30 (of 34 total)
  • You must be logged in to reply to this topic.