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

Header/Sticky Nav visual shift & space above slider

navigationslider marginsticky navigation
    • 9 years, 1 month ago rebeccaolson
      Participant

      Expired

      Hello! I have 2 issues related to the menu/navigation and slider I’d like your help with:

      1. On the home page, there is a large white area between my slider and the navigation bar. The only way I can determine to fix this is by changing the slider from “boxed” to “full width” – but if I go to “full width” then the top of the slider image is cut off (hidden underneath the navigation bar.)

      2. When scrolling on any page, if you scroll down (so the sticky nav pops up) but then scroll back up to the top of the page, there is a clear visual shift: The logo moves left, and both menus (left and right) move towards the center.

      Thanks!

    • 9 years, 1 month ago Mirela
      Participant

      Hello,

      1-Because you have set on the “Make Transparency Header” in Header options, the slider gets under the header when in full width layout.
      If you want to keep full width layout then remove the header transparency.

      2-I don’t get the effect you are mentioning. Did you manage to fix it?
      Let us know.

      Best regards!

    • 9 years, 1 month ago rebeccaolson
      Participant

      Expired

      Mihaila –

      1. I turned off “Make Transparency Header” under Tower>Header Options – and nothing happened. The white space is still there, and the header is still transparent. Do I have another setting somewhere that is overriding this?

      2. No, I did not fix it. The bump is still happening for me. I tried it in a different browser, and it is still happening. Perhaps it is my screen size? Since it’s an active issue, I can’t take a screenshot. I’m not sure what else to do to point you in the right direction. Ideas?

      Rebecca

    • 9 years, 1 month ago Mirela
      Participant

      Hello,

      1-I added this code into your custom css box:
      .slider#slider-fixed { padding-top: 0 !important;}
      and for the background transparency, i went to General options > Header Options > Background and changed the color to full solid here.

      2-I added this code for the header bump:

      .header_11.sticky_header nav.left .menu > li:last-child {
          margin-right: 0 !important;
      }

      made some tests and i don’t see it anymore. Please clear cache and fresh page. Try again and let us know.

      Best regards!

    • 9 years, 1 month ago rebeccaolson
      Participant

      Expired

      Mihaila – It looks great now. Thanks!

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