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

nav menu issues when resize browser window

    • 8 years, 4 months ago andieskovron
      Participant

      Expired

      Hi,

       

      when i resize the browser window, the nav drops out below the header panel, see link for screenshot: https://www.bddcreatives.com/responsive-header/ 

       

      thanks

      Andie

    • 8 years, 4 months ago Mirela
      Participant

      Hello,

      This happens because the header width has gotten smaller than the menu width and therefore it will slide down. To avoid this, either reduce the menu items padding and margin in General Options > Header Options > Menu Options, or reduce them using custom css, for only this screen width.
      Example:

      @media (max-width: 1024px){
      nav .menu > li {
          margin-right: -10px !important;
          margin-left: -10px !important;
      }}

      Result screenshot: https://postimg.org/image/82piloo1x/

      Best regards!

    • 8 years, 4 months ago andieskovron
      Participant

      Expired

      Hi there – that didn’t work – the issue still happens.

      With most responsive menu navigation, when you reduce the width of the browser it clicks over to the responsive 3 bar icon (as does your theme) – except there is a problem just before it changes to the 3 bar… the menu moves out of the container…

      thanks
      Andie

    • 8 years, 4 months ago Mirela
      Participant

      Hello,

      Please send us your wp credentials in a private reply. We can fix this for you.

      Best regards!

    • 8 years, 4 months ago andieskovron
      Participant

      Expired

      This reply has been marked as private.
    • 8 years, 4 months ago andieskovron
      Participant

      Expired

      This reply has been marked as private.
    • 8 years, 4 months ago Mirela
      Participant

      Hello,

      Yes, wordpress credentials are enough. I edited the previous code to this:

      @media (max-width: 1150px){
      nav .menu > li {
          margin-right: -10px !important;
          margin-left: -10px !important;
      }}

      Please clear cache and refresh pages to see the difference.
      Let us know.

      Best regards!

    • 8 years, 4 months ago andieskovron
      Participant

      Expired

      yes – i think that works! thanks
      Andie.

    • 8 years, 4 months ago andieskovron
      Participant

      Expired

      One more thing

      The ‘DONATE’ button in the header – only works when i remove the container?
      Can you please tell me how to fix so it works with the header container.

      thanks
      Andie

    • 8 years, 4 months ago Mirela
      Participant

      Hello,

      The menu button’s on-hover area was covering the “Donate” button. That’s why you where not able to click on it (screenshot). I added this code into your custom css box to fix this:

      nav .menu li {
          height: 34% !important;
          top: 35% !important;
      }

      Result screenshot. Please check your site now.
      Let us know.

      Best regards!

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