Home Forums Basel support forum When the screen is slightly smaller the menu breaks into 2 lines

When the screen is slightly smaller the menu breaks into 2 lines

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #271281

    freedomfighter
    Participant

    thanks

    #271326

    Hello,

    Please provide the screen and width causing the problem.

    Best Regards

    #271473

    freedomfighter
    Participant

    Hello. Please see

    #271517

    Hello,

    Most likely the menu has a lot of items and there is no space enough. You can rearrange your menu: to make sub-menu items or provide the site admin access, I will check if it is possible to correct with the custom CSS.

    Best Regards

    #271522

    freedomfighter
    Participant

    sure thing

    #271560

    Hello,

    You would better switch to the mobile menu on this type of width as reducing the font size would be the menu not readable.

    Please add this code to the Theme Settings > Custom CSS > Global:

    @media (max-width: 1400px){
    
    body .main-header .main-nav{
    display:none;
    }
    
    body .header-full-width .main-header>.container {
    padding-top: 10px;
    padding-bottom: 10px;
    }
    
    body .sticky-header {
    padding-top: 5px;
    padding-bottom: 5px;
    }
    
    body .right-column .mobile-nav-icon {
    display: inline-block;
    }
    
    body, html {
    max-width: 100%;
    }
    
    .document-ready .mobile-nav {
    display: inline-block;}
    
    body .sticky-header .main-nav {
    display:none;
    }
    
    body .site-logo {
    width: 50%;
    }
    
    body .right-column {
    width: 50%;
    }
    }

    Best Regards

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