Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

disable mobile compact nav menu header

    • 7 years, 7 months ago anna
      Participant

      Expired

      can i disable the mobile version of the menu and keep the full menu layout for phone and tablet users?

      any css code for this?

    • 7 years, 7 months ago Mirela
      Participant

      Hello,

      You can do that. But only if you remove the responsive mode from the site. So it won’t change to mobile menu style when the screen is small. If you keep the responsiveness of the site and want to just change the menu from mobile to normal in responsive mode, then there is a lot of styling you need to add for the menu to show properly like in the desktop version.
      This is a customization not included in support so i suggest you do it yourself or hire a developer to help you.

      Best regards!

    • 7 years, 7 months ago anna
      Participant

      Expired

      what code would i use to disable the mobile hamburger nav menu and allow for full menu on mobile?

    • 7 years, 7 months ago Mirela
      Participant

      Hello,

      Can you please be more specific? As written in my last reply, there are two choices:
      -remove responsiveness of site, and therefore normal menu will display in mobile as well;
      -Keep site responsive but hide mobile hamburger menu and show up normal menu;
      If you are referring to the second method, i can give you the basic code. But as stated before, there is additional styling to do and that is not included in support.
      Please add this code to show normal menu in mobile and hide the default hamburger menu:

      @media (max-width: 991px){
       .cl-mobile-menu-button {
          display: none;
      }
        .cl-mobile-menu {
          display: block;
        }
        .cl-mobile-menu nav > ul > li {
          padding-top: 4px;
          width: 15% !important;
          float: left;
          padding-bottom: 4px;
          padding-left: 4px;
          padding-right: 4px;
      }}

      The result for ipad: https://postimg.org/image/28y3tqf6ej/

      Best regards!

Viewing 3 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password