Remove hamburger menu on mobile

  • Posted in : Bloggy WP
  • fatalni
    Participant

    Hi.
    I want to remove the hamburger menu when I view the site from mobile devices.
    I want menu like on desktop version.
    My menu will always have 5 items (20% width each), and it is not mandatory that I have search bar in the menu (although it would be nice).

    ahmetsali
    Keymaster

    Hi, the menu items are too tight, and no place for search in the menu bar, but you can try this custom css code;

    @media (max-width: 767px) {
        .main-navigation div.selector { display: none; }
        .main-navigation > ul { display: block; padding: 0; }
        .main-navigation > ul li { padding: 0; }
        .main-navigation ul li a { padding: 4px 16px; padding: 10px 5px ; font-size: 12px; }
        #header-search-link { display: none; }
    }
    
    fatalni
    Participant

    That worked fine.
    Thanks.

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

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register