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

Menu too big when responsive

    • 9 years, 7 months ago Utopia
      Participant

      Expired

      Hello,

      When my mobile responsive menu is shown, As i have a lot of menu tiers, it is too big, is there a way I can have only the top two tiers, so the main menu and the first set of subpages, or is there a way we can maybe only expand the subcategories once clicked on the menu?

      I will post my ftp details next.

       

      Thanks,

      Liam

    • 9 years, 7 months ago Utopia
      Participant

      Expired

      This reply has been marked as private.
    • 9 years, 6 months ago Mirela
      Participant

      Hello,

      Sorry for the late reply.
      I can’t access your ftp as the credentials above do not include the password.
      However, you can do it yourself. Just go to file js/main.js and find these lines->
      code, at the end of it add this code:

      $('.menu-small > ul > li.menu-item-has-children > a').parent().find('.sub-menu').css('display', 'none');
      	$('.menu-small > ul > li.menu-item-has-children > a').on('click', function(){
      		if($(this).hasClass('open')){
      		       $(this).parent().find('.sub-menu').css('display', 'block'); 
      		       $(this).removeClass('open').addClass('close');
      		   } else {
      		   	$(this).parent().find('.sub-menu').css('display', 'none');
      		   	$(this).removeClass('close').addClass('open');
      		   }   
      		});

      Save file.

      Best regards!

    • 9 years, 6 months ago Utopia
      Participant

      Expired

      This reply has been marked as private.
    • 9 years, 6 months ago Mirela
      Participant

      Hello,

      I have already given you the instruction in the reply above. Just copy-paste the code and that’s it.

      Best regards!

    • 9 years, 6 months ago Utopia
      Participant

      Expired

      This reply has been marked as private.
    • 9 years, 6 months ago Utopia
      Participant

      Expired

      This reply has been marked as private.
    • 9 years, 5 months ago Ruco
      Keymaster

      Hello,

      I fixed it. Added some javascript code at main.js (Please keep this file when you update the theme to not loose the changes).

      You have to add also this css code at general options -> css box:

      .menu-small ul.menu > li > ul{
          display: none;
          opacity: 0;
      }
      .menu-small ul.menu > li > ul.open {
          display: block;
          opacity: 1;
      }

      Best regards!

    • 9 years, 5 months ago Utopia
      Participant

      Expired

      Great, Thankyou.

      Can you notify me how I can keep the file when I update the theme?

      Thanks,

       

      Liam

    • 9 years, 5 months ago Mirela
      Participant

      Hello,

      Just copy-paste this file in another location (example your documents) And over write the new one , whenever you make a theme update.

      Best regards!

Viewing 9 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