Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 28, 2014 at 8:52 pm #230762
    tlow87

    I’d like to change the logo when the navigation is fixed (header-scrolled class).

    How can I go about doing this?

    February 28, 2014 at 8:58 pm #230764
    tlow87

    Also, I can’t seem to center my alternative responsive logo using this method:

    @media only screen and (max-width: 767px) {
.responsive .logo {
background: url('http://ksha.com/KSHA_logo_mobile.png') no-repeat;
position: relative;
}

.responsive .logo img {
margin: 0 auto;
display: none;
}	
}

    I can only add padding, but how can I make it center?

    February 28, 2014 at 10:25 pm #230791
    Yigit

    Hey!

    Please try following code to center your logo

    div .logo { left: 35%; }

    To change the logo when scrolled, You are going to need to hire a freelance developer on Microlancer or Codeable for that kind of customization as it is beyond the scope of support we can provide. You can also request quote here.

    Cheers!
    Yigit

    February 28, 2014 at 10:28 pm #230792
    tlow87

    Thanks! No clues for me at all on the header-scrolled?

    February 28, 2014 at 10:34 pm #230794
    Yigit

    Hi!

    You can add your second logo in Header.php file within a div with a class and add custom CSS code such as following to Quick CSS

    .your-logo { display: none; }
.header-scrolled .your-logo { display: block; }

    Using that class you can add animations for smoother transition

    Cheers!
    Yigit

    February 28, 2014 at 10:40 pm #230799
    tlow87

    Perfect! Thank you so much.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Alternate Logo for Fixed Navigation’ is closed to new replies.