hero image

nav menu dropdown

Home Forums WordPress Themes Relive nav menu dropdown

Forums WordPress Themes Relive nav menu dropdown

PLEASE NOTE A RECENT CHANGE:
The forum is read-only. Please submit any support request here.

This topic contains 4 replies, has 2 voices, and was last updated by  mihai 5 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts

  • rwclarke
    Client
    TT Client
    #73073

    I want the main nav menu sub-menus to appear directly below the parent option rather than offset to the right. I have tried to edit edit the CSS to make this happen but it just messes everything up. The best I could get was for it to work, but the sub-menu would cover the whole width of the page.

    If somebody could point me in the right direction with the CSS that would be great!

    Thanks!


    mihai
    Client
    Client
    #73203

    Hi there,
    The submenu drop-down is right below the parent link:
    https://drive.google.com/a/red-sky.pl/file/d/0B11RflJnvBkjOHpEekNTQ25EVG8/view?usp=drivesdk
    Best Regards


    rwclarke
    Client
    TT Client
    #73233

    Yes, I know that, what I am looking for is that is is DIRECTLY below – rather than offset to the right.

    I have uploaded two images – one is a quick mock up in photoshop of what I am looking for – I guess the width of the drop-down would need to be altered slightly as well to look better.

    Thanks

    Attachments:
    You must be logged in to view attached files.

    mihai
    Client
    Client
    #73274

    Hello,

    Please send your WP (WP installation URL, WP username, WP password) credentials as a reply to the email you just got from us that contains this thread. This message will be kept private and only TeslaThemes support staff will see it. Once we get them, your issue will be resolved much quicker.
    Thanks for understanding.

    Regards.


    mihai
    Client
    Client
    #73582

    Hi there,

    We’ve achieved the result you have requested using Custom CSS:

    @media (min-width: 992px) {
        .main-nav ul li ul li ul, .main-nav ul li>ul {
             -webkit-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
            top: 100%;
            left: 50%;
        }
    }
    

    Best Regards

Viewing 5 posts - 1 through 5 (of 5 total)

~You are in good company!~