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 problem on smartphone

    • 10 years ago marioncha5
      Participant

      Expired

      Hi,

      Here is the menu as it appears on mobile :

      And here is my REAL menu :

       

       

      Any idea why it doesn’t appear correctly?

       

      Thank you,

       

      Marion

    • 10 years ago Mirela
      Participant

      Hello,

      Sorry for the late reply.
      Did you made any changes to theme files? Please overwrite file include\view\menu-small.php from the downloaded folder and let us know.

      Best regards!

    • 10 years ago marioncha5
      Participant

      Expired

      I,

      I overwrote the file but nothing changed, I dont have 1st level pages.

      Kind regards,

      Marioncha

    • 10 years ago Ruco
      Keymaster

      Hello,

      Maybe you have added custom css code. Add this code at custom css code box:

      .menu-small ul.menu > li > a {
        display: block;
      }

      Best regards!

    • 10 years ago Maja
      Participant

      Expired

      Hi Ruco, same problem here, since i have added the 2nd level menu, only these display in mobile version, I must say, I haven’t added any custom css to the site, nor have I changed any theme files, I will be trying the above solutions, but I am writing to let you know there is such problem going on.

      blacktieleaders.com if you would like to have a look

       

      Maja

    • 10 years ago Maja
      Participant

      Expired

      I have tried to pase the above css code but i ged an error: element (ul.menu) is overqualified, just use .menu without element name

      I have removed ul and saved like that but it did not help my menu, sorry I don’t know anything about css

       

      Thanks

       

      Maja

    • 10 years ago Mirela
      Participant

      Hello Maja,
      Sorry for the late reply.
      Please try to add these lines into your custom css box:

      @media (max-width: 767px){
      .menu-small ul.menu > li > a { color: #080808;}
      .menu-small ul.menu > li > ul > li > a {  padding-left: 17%;}
      .menu-small ul li a { color: #525151;}
      }

      This is the result.
      Let us know how it will go.

      Best regards!

    • 10 years ago Maja
      Participant

      Expired

      Hah, I know what the result should be :)

      Am I doing something wrong? id does not work…

       

    • 10 years ago Mirela
      Participant

      Hello,

      Please edit the code to this:

      @media (max-width: 767px){
      .menu-small ul.menu > li > a { color: #080808 !important;}
      .menu-small ul.menu > li > ul > li > a {  padding-left: 17% !important;}
      .menu-small ul li a { color: #525151 !important;}
      }

      Let me know.

      Best regards!

    • 10 years ago Maja
      Participant

      Expired

      Now it works, thank you!

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