[Resolved] Table / Mobile Menu Issue

Home Forums Support [Resolved] Table / Mobile Menu Issue

Home Forums Support Table / Mobile Menu Issue

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #755348
    John

    Hi

    Apologies if there is a solution already posted in a previous thread but im having some trouble with the table menu.

    I currently have the below code to set the breakpoint to 1360px which works but the tablet hamburger menu appears under the logo and centered. Mobile menu looks correct so how can i get the tablet to display the same as mobile? Ie floating right on same line as logo.


    @media
    (max-width: 1360px) {
    .main-navigation .menu-toggle,
    .main-navigation .mobile-bar-items,
    .sidebar-nav-mobile:not(#sticky-placeholder) {
    display: block;
    }

    .main-navigation ul,
    .gen-sidebar-nav {
    display: none;
    }

    [class*=”nav-float-“] .site-header .inside-header > * {
    float: none;
    clear: both;
    }
    }

    #755470
    David
    Staff
    Customer Support

    Hi there,

    add this CSS inside the media query, just before the closing }

    .inside-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    
    .site-logo {
        margin-right: auto;
    }
    #755687
    John

    Thanks David – That worked!

    #755709
    David
    Staff
    Customer Support

    You’re welcome

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