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

Fine-tuning the menu

    • 7 years, 7 months ago dsmith
      Participant

      Expired

      Mihaila,

      I currently have the following custom CSS:

      @media (min-width: 1024px){

      nav .menu > li {

      padding-right: 10px !important;

      padding-left: 10px !important;

      }

      }

      @media (max-width: 480px){

      .header_button {

      display: block !important;

      margin-right: -85px !important;}

      #logo {    left: -45% !important;}

      }

      Can you help me get my menu to switch from desktop to tablet/mobile at 1100px?

      Also, at 676px, my button disappears, then reappears at 480px. Can you help me with the CSS to make sure the button displays on all layouts?

      Thank you.

    • 7 years, 7 months ago Mirela
      Participant

      Hello,

      Yes, please add this code to your custom css box:

      @media (max-width: 1100px){
      header#header #navigation { display: none !important;}
      .mobile_small_menu { display: block !important;}
      #logo {padding-left:40% !important}
      }

      Result screenshot: https://postimg.org/image/r36xlgv8b/

      Best regards!

Viewing 1 reply thread

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