How can I increase size of mobile menu?

Home Forums Porto – Responsive HTML5 Template How can I increase size of mobile menu?

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #10045695
    tcguide
    Participant

    I’d like to make the hamburger icon and text links 50% larger.
    I saw another thread with suggestion to use custom.css
    @media (max-width: 991px) {
    #header .header-nav-main nav > ul li a {
    font-size: 15px !important;
    line-height: 20px !important;
    padding: 10px 8px !important;
    }
    }
    I’ve tried this but it doesn’t seem to have worked.
    I’ve tried clearing the cache/history on my iphone.
    Any other suggestion?



    Template Version: 12.0.0
    #10045696
    Support
    Keymaster

    Hello, try this code:

    (css/custom.css)
    For the Button:

    @media (max-width: 991px) {
        #header .header-btn-collapse-nav {
            width: 65px;
            height: 65px;
    		font-size: 1.4em;
        }
    }

    For the Links:

    @media (max-width: 991px) {
        #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a {
            display: block;
            font-size: 1.4em !important;
            padding: 15px 8px !important;
            line-height: 20px !important;
        }
    }

    • This reply was modified 2 months, 1 week ago by Support.
    #10045698
    tcguide
    Participant

    That worked! Thanks for the quick suggestion!


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

This topic is marked as "RESOLVED" and can not rceive new replies.