Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #388187

    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.

    #388803

    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

    #389024

    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?

    #389658

    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

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