Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1153426
    SConsult
    Participant

    Totally stumped on this one. I’ve searched through any other cases with X, but I don’t seem to be able to figure out a decent fix for this that aligns with the issues I’m experiencing?

    Logo renders ABOVE ubermenu when it should be INLINE with the nav?

    Credentials in Private Reply.

    #1153427
    SConsult
    Participant
    This reply has been marked as private.
    #1153553
    Nabeel A
    Moderator

    Hi there,

    Thanks for writing in! Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

    .x-brand {
        margin-top: 0 !important;
        padding: 5px 0 !important;
    }
    
    @media screen and (min-width: 960px) {
        .ubermenu-responsive-default.ubermenu {
            float: right !important;
            clear: none !important;
        }
    }

    Let us know how this goes!

    #1153955
    SConsult
    Participant

    That appears to have absolutely done the trick with the logo!

    Is there any way to keep the primary navigation aligned to the left, but keep the right-float of the shopping cart nav link?

    #1154067
    Jade
    Moderator

    Hi there,

    Please update the code previously to:

    
    .x-brand {
        margin-top: 0 !important;
        padding: 5px 0 !important;
        float: left;
    }
    
    @media screen and (min-width: 960px) {
        .ubermenu-responsive-default.ubermenu {
            float: left!important;
            clear: none !important;
            width: 90%;
        }
        .wpmenucartli.wpmenucart-display-right {
            position: absolute;
            right: 0;
        }
    }

    Hope this helps.

    #1154134
    SConsult
    Participant

    It did the job!

    Navigation is getting even closer to final. 🙂

    Thank you very much for your help.

    #1154182
    Jade
    Moderator

    You’re most welcome. 🙂

  • <script> jQuery(function($){ $("#no-reply-1153426 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>