Header Image

Homepage › Community Forums › Aspire Theme Support › Header Image

Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 9, 2016 at 5:15 am #18644
    caroline
    Customer

      Hi Wes,
      My header image in Aspire seems to be off. It jumps in an awkward way and doesn’t flow with the Section 1 Image. Is there a way to prevent this and have the header image remain static or not skip. It looks like something is wrong. The skipping appears on various devices from the header and the Feature Section 1 Image (I-Phone, IPAD Mini, DESKTOP) Here’s a link. Thanks much!

      http://bit.ly/29y1OwD

      July 9, 2016 at 10:15 pm #18654
      Eric
      Customer

        Did you want to remove the sticky menu function? That would prevent it from doing that. You could also remove the white background and keep the background consistent if you wanted to as well. How exactly did you want your header to look?

        I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

        July 9, 2016 at 10:44 pm #18658
        caroline
        Customer

          Hi Eric,
          I’m not sure. Maybe I should first remove the sticky menu function and see if that works. I changed the black header to white because of the colors used in the logo. How would I remove the sticky menu function? Thank you for your help.

          July 10, 2016 at 10:32 pm #18664
          caroline
          Customer

            Hi Eric or Wes,
            How would I remove the sticky menu function so that I can see if this addresses the issue? Currently, I am not using a menu and the issue is with the header image.

            Thanks for any pointers.

            July 12, 2016 at 11:16 am #18689
            Eric
            Customer

              Here’s how to do it with CSS. You could adjust your CSS, or simply add the following code to your CSS and it would override it.

              .front-page .site-header {
    margin-top: -60px !important;
    padding: 0;
}

.site-header {
    position: relative !important;
    top: 80px !important;
}

.site-header.light {
	background: none !important;
}

              I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

              July 12, 2016 at 5:12 pm #18701
              caroline
              Customer

                Thank you, Eric. I added the code you provided. The logo appears as a transparency over Background Image #1 on the Desktop and I PAD (viewed horizontally). On IPHONE and Vertical IPAD the Logo Image is centered over a white background over Background Image #1 photo and cuts off the head of the dog in the background photo. Ultimately the logo does not look good on any of the devices. Too small to read on some devices and too large on others. I opted not to use a logo at all in another Aspire website for this reason. I was hoping for a resolution for this second site. I changed the background header from black to white, but regardless of color it doesn’t work. Any thoughts? I appreciate your feedback.

              • Author
                Posts
              Viewing 6 posts - 1 through 6 (of 6 total)
              • You must be logged in to reply to this topic.