Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #346963

    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-

    #347319

    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 9 years, 4 months ago by Elliott.
    #347507

    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

    #347630

    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

    #347878

    Thanks Ismael- it worked perfectly!

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