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

Change the navigation direction of drop-down menu

leftmenu itemmenu orientation
    • 7 years, 7 months ago wilsons-ms
      Participant

      Expired

      I need to change the navigation direction of the drop-down menu from left to right.

      Tried reset the menu style in <i>Header > Menu Style > Main Menu Style</i> but did not work.

    • 7 years, 7 months ago Mirela
      Participant

      Hello,

      Can you please send us some valid wp credentials in a private reply? So we can check this out.

      Best regards!

    • 7 years, 7 months ago wilsons-ms
      Participant

      Expired

      This reply has been marked as private.
    • 7 years, 7 months ago wilsons-ms
      Participant

      Expired

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

      Hello,

      I fixed it.
      In file style.css i added just an !important. In this block:

      nav .menu > li > ul.sub-menu li > .sub-menu {
              top: 0;
              left: 100% !important;
      }

      This is indeed a change made directly in theme files, but you do not have to worry regarding future updates because we will include it in the next theme update.

      Note: The support working hours are from Monday to Friday, 9AM to 5PM (UTC +1:00). We are doing our best to get back to you asap, but while you wait for our reply, please take into consideration timezone differences as well.

      Best regards!

    • 7 years, 7 months ago wilsons-ms
      Participant

      Expired

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

      Hello,

      Please add this code into your Custom Css box in “Additional Css” menu:

      .header_container.header-top > .main {
          line-height: 80px !important;
      }
      #navigation nav {
          margin-top: 46px !important;
      }

      This should be the result: https://postimg.org/image/uoskx5eij/
      Change the values to your wish.

      Best regards!

    • 7 years, 6 months ago wilsons-ms
      Participant

      Expired

      Thank you very much, Mihaila

Viewing 7 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