Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • David Porré Friend
    #196952

    Hello,

    I would like to keep mega menu for portrait tablet, collapse only for mobile phones.

    How could I get this done ?

    Best regards,
    David aka Shapes

    chavan Friend
    #531850

    Create custom.css file, try this documentation http://t3-framework.org/documentation/bs3-customization#custom-css

    Add this code to custom.css

    @media (min-width: 750px) and (max-width: 820px) {

    .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
    }
    .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
    }
    .navbar-collapse.in {
    overflow-y: visible;
    }
    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
    }
    .nav li{
    float:left;
    }
    .navbar-header{
    float:left;
    }
    .t3-navbar{
    margin-left:200px !important;
    }
    .navbar-nav{
    margin:0px -20px !important;
    }
    }

    David Porré Friend
    #531884

    Hi,

    Thanks for the answer, it seems to work, but weirdly..
    Menu shows twice and I loose some of my styling I have for larger screens.

    Any idea on how to make it better ?

    chavan Friend
    #531905

    please post your site Url

    David Porré Friend
    #531912
    chavan Friend
    #531934

    Did you add the code suggested in the custom.css or else where, please confirm and also post your ftp details in PM, to check things.

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

This topic contains 6 replies, has 2 voices, and was last updated by  chavan 10 years ago.

We moved to new unified forum. Please post all new support queries in our New Forum