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

Overlay Menu items position

listoverlay menuposition
    • 9 years, 3 months ago HunchDev
      Participant

      Expired

      Hello,

      I’m using the overlay menu option but I wanted the list of items (about us, faq, contact etc) to be shown on the left side instead of being centred like it is now. I try floating it left but it just breaks the layout.

      Any ideas or suggestions? Thank you

    • 9 years, 3 months ago Mirela
      Participant

      Hello,

      Please add this code into your custom css box:

      nav .menu > li > a {
          text-align: left;
          padding-left: 145px;
      }
      nav .menu li ul.sub-menu li a {
          padding-left: 145px;
          text-align: left !important;
      }

      Let us know.

      Best regards!

    • 9 years, 2 months ago HunchDev
      Participant

      Expired

      Thank you Mihaila,

      That works perfectly but only for one page. Is there someone I can put that will make the menu like that in every single image? I tried on the custom CSS code box in settings, the style sheet… But it doesn’t change. It only changes when I apply the code to each page on the custom CSS box on individual pages.

       

    • 9 years, 2 months ago HunchDev
      Participant

      Expired

      <span style=”color: #393d40; font-family: ‘Open Sans’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px;”>Is there someone I can put it that will make the menu like that in every single *page*? Sorry, not images.</span>

    • 9 years, 2 months ago Ruco
      Keymaster

      Hello,

      Add the code at Tower -> general options -> css box:

      nav .menu > li > a {
          text-align: left !important;
          padding-left: 145px !important;
      }
      nav .menu li ul.sub-menu li a {
          padding-left: 145px !important;
          text-align: left !important;
      }

      Best regards!

    • 9 years, 2 months ago HunchDev
      Participant

      Expired

      Hello Ruco,

      Sorry for the late reply. This doesn’t seem to fix my problem completely. It brings the menu to the left but every page shows it differently. Sometimes the menu is lower on the page or the items are more spaced out. And sometimes when I apply changes to the code = for example when I change the background color it doesn’t change a thing on the actual website. I’m not sure why this is happening… but I need the menu to look exactly the same in every page. Can you help?

      Thank you

    • 9 years, 2 months ago Mirela
      Participant

      Hello,

      Please send us valid wp credentials in a private reply. So we can give it a closer look.

      Best regards!

    • 9 years, 2 months ago HunchDev
      Participant

      Expired

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

      Hello,

      I don’t understand your issue. I checked every page but the menu displays the same in all of them. The only difference is that due to the transparency of menu background and depending on the page’s background color, the menu seems brighter at page’s with white background and darker at the opposite.
      let us know if we misunderstood your issue.

      Best regards!

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