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 desktop and mobile problems

menu sub menu mobile
    • 6 years, 4 months ago crazy_ch
      Participant

      Hello, there are two menu issues.

      1 problem, desktop (here is similar https://support.codeless.co/?topic=drop-down-menu-problems):

      I want the menu to go to the right. In the example above, the final proposed solution only works for the main page, it also hides the wordpress admin bar.

      2 problem, mobile version:

      Menu containing submenus only extends / collapses submenus but can not be opened
      Example: https://thewebflow.com/cdart.eu/

    • 6 years, 4 months ago Ruco
      Keymaster

      Hello,

      1. About the menu on the on the right you have to add this custom css L

      nav:not(.cl-dropdown-inline) .menu > li > ul.sub-menu {
          top: 22% !important;
      	left: 180px !important;
      	}
      nav .menu li ul.sub-menu li ul.sub-menu {
          top: -16px !important;
      }

      The submenu to be resolved we will need your wp creds so we can edit the main.js file or you can wait until our next update.

      Let us know.

      Regards!

    • 6 years, 4 months ago crazy_ch
      Participant

      Hello,

      I use a link from the link in p.1 with the same problem.

      To visualize what’s happening after entering the code from you.

      https://drive.google.com/file/d/1eDoBQKg719KXFVAbpvXx0xzaKSsNbsIi/view

      Regards, Nikola.

    • 6 years, 4 months ago Ruco
      Keymaster

      Hello,

      Please can you add also this custom css:

      main#main{z-index:-9; position:relative;}
      nav:not(.cl-dropdown-inline) .menu > li > ul.sub-menu{position:absolute; z-index:9999}
      

      Let us know.

      Regards!

    • 6 years, 4 months ago crazy_ch
      Participant

      Hello, now the menu looks good.

      But after the application of: “main#main{z-index:-9; position:relative;}”

      the gallery can not be used.

      Here you can see the result.

      https://thewebflow.com/cdart.eu/

    • 6 years, 4 months ago Ruco
      Keymaster

      Hello,

      Please try to remove the position relative from the line above:

      @media (min-width: 992px){
        main#main {    
          width: 85%;
          position: absolute !important;
          z-index:-9;
        }
      
      }

      Let us know.

      Regards!

    • 6 years, 4 months ago crazy_ch
      Participant

      Thanks, this looks like it works.

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