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 & widgets questions

headermega menuwidgets
    • 9 years, 2 months ago Alex
      Participant

      Expired

      Dear Support Team,

      please assist with next issues (web site https://www.brics-consulting.ru/ ):

      1) We have a Multisite Language Switcher widget in header area. It is visible on desctop version, but it disappears for some reason on mobile devices. How to fix it?

      2) Our current Responsive menu style is “Side Menu”. And our “Services” item looks not very very well on mobile devices as we use Mega Menu. How to desable Mega Menu for mobile devices, but keep using it for desctop version?

      Thank you in advance.

      BR, Alex

    • 9 years, 2 months ago Alex
      Participant

      Expired

      <p style=”box-sizing: border-box; color: #393d40; font-family: ‘Open Sans’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px;”>I found a solution for my first question (below), but I still need a solution for the second question.</p>
      <p style=”box-sizing: border-box; color: #393d40; font-family: ‘Open Sans’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px;”>@media (max-width: 767px){<br style=”box-sizing: border-box;” />.top_nav {<br style=”box-sizing: border-box;” />display: block !important;<br style=”box-sizing: border-box;” />}</p>
      <p style=”box-sizing: border-box; color: #393d40; font-family: ‘Open Sans’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px;”>.top_nav .widget:last-child {<br style=”box-sizing: border-box;” />margin-top: -29px !important;<br style=”box-sizing: border-box;” />}<br style=”box-sizing: border-box;” />}</p>

    • 9 years, 2 months ago Mirela
      Participant

      Hello,

      This requires code editing that is not included in theme support. You can add this code into your custom css box:

      @media only screen and (max-width: 600px) {
        .codeless_custom_menu_mega_menu .hasSubMenu {
          display: none !important;
        }
      }

      To hide it in mobile. A good news is that we will change the mega menu layout in mobile in the next update.

      Best regards!

    • 9 years, 2 months ago Mirela
      Participant

      Hello,

      This requires code editing that is not included in theme support. You can add this code into your custom css box:

      @media only screen and (max-width: 600px) {
        .codeless_custom_menu_mega_menu .hasSubMenu {
          display: none !important;
        }
      }

      To hide it in mobile. A good news is that we will change the mega menu layout in mobile in the next update.

      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