Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • November 6, 2014 at 5:12 am #346963
    winsleav

    I just updated to the latest version and now I am having issues with the header/logo area.

    1- I used to have a sticky image in the background of the header show up and then shrink on page scroll. Now it only loads on page scroll. There is a solid white fill behind the logo.

    2- The spacing between the header and the pages has shrunk so that the header overlaps the site content on the pages. I added white space on 2 of the pages so that it wouldn’t overlap them.

    Can you please help me fix the css so that it displays correctly?

    Your theme is absolutely gorgeous and I have loved it. Thanks-

    November 6, 2014 at 8:11 pm #347319
    Elliott

    Hey winsleav!

    It’s because your setting your headers to transparent. I think what you’ll want to do is create a color section at the top of your pages and set it to a specific color or remove the transparent header.

    Or if you just want to use CSS to change the header background then try this out.

    #top .av_header_transparency .header_bg { background: red !important; opacity: 1 !important; }

    Regards,
    Elliott

    • This reply was modified 10 years ago by Elliott.
    November 7, 2014 at 3:07 am #347507
    winsleav

    Thanks Elliot.

    Actually I want the background image to be there and not a solid color. I want the entire logo area to have a background image that is sticky and shrinks when the user scrolls down.

    My second issue was the fact that now the header covers all of the pages. It was completely fine before the upgrade to the latest version of the theme. I am just assumming that the header css was written differently in this update.

    Thanks for your help.

    Becca

    November 7, 2014 at 10:41 am #347630
    Ismael

    Hi!

    Thank you for the info.

    1.) I’m not sure how you managed to shrink the image background on scroll without distorting it. You can apply the background image on the header container with this:

    #top .av_header_transparency #header_main {
background: #3d0b0a url(//islandparkfirecommunity.com/wp-content/uploads/2013/04/back_0505.jpg) top left no-repeat fixed;
}

    2.) Looks like the page is set to have a transparent header which will remove the top padding of the main container. Please edit the page then disable the Transparent Header on Layout > Header visibility and transparency.

    Best regards,
    Ismael

    November 7, 2014 at 7:22 pm #347878
    winsleav

    Thanks Ismael- it worked perfectly!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘issues with latest update’ is closed to new replies.