Header Question

Homepage › Community Forums › Aspire Theme Support › Header Question

Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 4, 2017 at 11:54 am #21708
    clakshakle
    Customer

      Hi,
      On the Aspire Pro theme…how do I get the Header (black strip at top) to NOT stick to the top of page when scrolling down? I want it to disappear when scrolling down the page(s) on the site.

      Thanks!

      July 5, 2017 at 8:12 pm #21714
      Wes
      Moderator

        First take a look in your style.css file and remove or comment out the position: fixed; around line 1177 like this – 

        .site-header {
	background-color: #000;
	left: 0;
	/*position: fixed;*/
	top: 0;
	width: 100%;
	z-index: 999;
}

        The line number above are based on the default CSS. If you’ve made customizations to the style.css file then the code may appear on a different line.

        Let me know if that helps.

        July 8, 2017 at 7:15 am #21717
        clakshakle
        Customer

          Yep that worked. At first, I went to my site and checked it out (after I made the changes) and was the same – but then I deleted my cache, opened my browser, looked at site again and boom … it did work! : )

          July 8, 2017 at 1:07 pm #21718
          Wes
          Moderator

            Glad it’s working!

            Anytime I make CSS changes I always click the Reload button on my browser since it clears the cache instantly.

            Let me know if you run into any other issues.

            July 8, 2017 at 9:19 pm #21721
            clakshakle
            Customer

              Hey Wes,
              Yeah…there is something else I need to tweak.

              How do I decrease the “white space”… between the site header and the Page Title (H3 first line of text)?

              There is about a 4.2 CM gap — trying to get it to about 2 CM

              Thanks,
              John

              July 8, 2017 at 10:54 pm #21734
              Wes
              Moderator

                It depends on the page you’re referring to. If it’s a regular page, then the space is coming from the .site-inner div. The CSS for this can be found around line 652 – 

                .site-inner {
	background-color: #fff;
	clear: both;
	margin-top: 170px;
	position: relative;
	z-index: 9;
	-word-wrap: break-word;
}

                You can adjust the margin-top until it shows up how you want it to look.

                July 10, 2017 at 7:46 am #21736
                clakshakle
                Customer

                  Thanks Wes,
                  That worked!

                  July 10, 2017 at 4:55 pm #21741
                  Wes
                  Moderator

                    You’re Welcome!

                  • Author
                    Posts
                  Viewing 8 posts - 1 through 8 (of 8 total)
                  • The topic ‘Header Question’ is closed to new replies.