Tagged: , , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 30, 2015 at 10:06 am #388187
    raustyle

    Hi there, I need to place a horizontal banner for advertising in the header aligned to the right with the theme header set to “Logo left, menu underneath”, which I have done with no problem. The next step and where I need help is getting that banner to re-size as the main logo does when scrolling down. Currently the logo will re-size, but the banner will not and can’t figure out what I need to do to make that happen.

    If possible could you take a look and let me know if it is just a CSS change/addition, PHP modification, or something else that needs to be done. Any help is much appreciated. Thank you.

    I’m running latest version of WordPress 4.1
    Latest version of theme with child theme.

    January 31, 2015 at 6:37 pm #388803
    Elliott

    Hi raustyle!

    Add this to your custom CSS.

    .header-scrolled .header, .header-scrolled .header img {
  max-height: 50px !important;
}

    And you’ll want to set the width to auto probably.

    Cheers!
    Elliott

    February 1, 2015 at 3:41 pm #389024
    raustyle

    Awesome, thank you! It worked great. Just wondering one thing though, is it possible to make it scale smoothly like the logo instead of just switching from one size to the other immediately?

    February 2, 2015 at 9:39 pm #389658
    Elliott

    Hi!

    I’m not sure. Try removing the max-width value you have set on it. That’s only going to happen in Firefox though correct? In Chrome it’s an instant change for both. Just a browser quirk.

    Cheers!
    Elliott

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