Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1269950
    rekluse
    Participant

    Two more questions!

    I currently am using Ubermenu and the x-nav Search button. I have it all styled properly for desktop, looks and functions great. But the mobile view is a bit messed up (see screenshot #1).

    1) I need to do the following:

    – Align the search button with the other menu items in the mobile view
    – Add the following styles:
    text-transform: uppercase;
    letter-spacing: 1px;

    2) How can I keep the menu and the logo on the same line and resize responsively? At some dimensions the menu pops out below the logo, obscuring the body text (see screenshot #2).

    Thank you again!

    #1269953
    rekluse
    Participant
    This reply has been marked as private.
    #1270118
    Friech
    Moderator

    Hi There,

    Thanks for writing in! #1 Please remove the navbar search that is native to x, and add a search on your Ubermenu instead.

    Search Bar

    #2 Please read this post http://sevenspark.com/docs/ubermenu-3/faqs/item-wrap

    Do one or multiple suggestion on that post until your menu fits on the navbar.

    The Top Level Horizontal Padding option is under Appearance > UberMenu > Configuration tab > Style Customisation panel and look for the Top Level Horizontal Padding option.

    Cheers!

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