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

One pager with Sticky Nav

    • 9 years, 9 months ago BeauCreative
      Participant

      Expired

      Hi!

      I’ve made a onepager and want to use a Sticky Nav.
      The menu works but if I link the menu to the headers, the header disappears under the sticky navigation.

      How can I change that?

      Kind regards,

      Suzanne

       

    • 9 years, 9 months ago Mirela
      Participant

      Hello,

      The sticky header has no issue with one page. You’ve must have set up something wrong. Please send us your site’s wp credentials in a private reply. So we can check this up.

      Best regards!

    • 9 years, 9 months ago BeauCreative
      Participant

      Expired

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

      Hello,

      I added this code into your custom css box:

      .sticky_active h2.vc_custom_heading {
          padding-top: 50px !important;
      }

      It’s ok now. Please check your site.

      Best regards!

      • This reply was modified 9 years, 9 months ago by Mirela.
    • 9 years, 9 months ago BeauCreative
      Participant

      Expired

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

      Hello,

      I added this code into your custom css box:

      @media (max-width: 480px){
          #logo img.dark { max-width: 69%;}
          #logo {  left: -38px !important;}
          .codeless_separator span.separator {  max-width: 100px !important;}
      }

      Please check your site.

      Best regards!

    • 9 years, 8 months ago BeauCreative
      Participant

      Expired

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

      Hello,

      The code i gave you in the previous reply is only for mobile. That is set by the @media attribute, which targets only 480px wide screens (aka mobile screens).
      Let us know if you need further help.

      Best regards!

    • 9 years, 8 months ago BeauCreative
      Participant

      Expired

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

      Hello,

      Please edit this code(inside the @media 480px):
      .codeless_separator span.separator { max-width: 100px !important;}
      to this:

      .codeless_separator span.separator {  max-width: 318px !important;
      margin-left: -157px !important;}

      Best regards!

    • 9 years, 8 months ago BeauCreative
      Participant

      Expired

      This reply has been marked as private.
Viewing 10 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