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

mobile menu button

mobile menu button
    • 7 years, 9 months ago marco.centrodellaceramica
      Participant

      Expired

      Hi,

      On the site https://www.centrodellaceramica.innovaimpresa.com/

      there is some problem to view the mobile menu button.

      The button seems to be correctly showed on smartphone, but as I click the menu to open the menu and get all menu items listed, the button itself disappear.

      It appears again if I rotate the phone to a landscape view.

      Could you please help?

      Note that I added some css code for mobile menu becouse in this site top header navigation has many icons and one more menu, so it takes some spaces…

      This is some code I added:

      @media (max-width: 1179px){

      header#header #navigation { display: none !important;}

      .mobile_small_menu { display: block !important;}

      #logo { float: right; padding-left: 35% !important;}

      .menu-small ul.menu > li > a {

      color: #101010 !important;

      }}

      @media (max-width: 480px){

      .header_10 #logo {

      left: 5% !important;

      }

      .mobile_small_menu {

      margin-top: 45px !important;

      }

      #logo img {

      max-height: 42px !important;

      }

      }

      @media (max-width: 480px){.top_nav .widget ul li a {

      color: black !important;

      }}

      Regards
      Marco

    • 7 years, 9 months ago Mirela
      Participant

      Hello,

      The

      .mobile_small_menu {
          margin-top: 45px !important; 
      }

      in the custom css added, is the culprit. Comment it out and try again. See screenshot:
      https://postimg.org/image/2zew9p88ej/

      Best regards!

    • 7 years, 9 months ago marco.centrodellaceramica
      Participant

      Expired

      Ok, but if I remove this cutsom css the menu item will stay over one of the item of the top header menu.
      So I solved in thsi way:
      I removed the menu item “contatti” fromm the top header on mobiles screens (480px), so the menu icon will not overlay any other element.

      Still some problem of visibility remained when the menu was clicked, and it seems to be solved by using this other code instead:

      .mobile_small_menu {
      top: 70% !important;
      }

      It seems ok now,
      I will make some checks and hope that do no need more help
      thanks
      Marco

    • 7 years, 8 months ago Mirela
      Participant

      Hello,

      That’s great!
      Thanks for sharing your code.
      Let us know for anything.

      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