Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

Change logo in fixed menu

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Hi,

I'm building a site using the Nebula template, and I have set it up like the demo with a sticky menu on scroll. However, I'm using an image logo, and not text like the demo.

Is it possible to use another image for the logo when scrolling? My logo is white, and looks fine on the colored background, but it disappears on the white background of the sticky menu.

I wanted to do an override using CSS (with the .affix class), but because the logo is loaded in an <img> tag, and not as a div with css background, I couldn't find an easy way to do it.

Any suggestions?

Thank you for an excellent template club.
  • Johan Wagenheim's Avatar
  • Johan Wagenheim
  • LIfetime Developer - Big Bamboo
  • 4 posts
  • 1 Thanks
  • Karma: 0
The administrator has disabled public write access.
Hi

Just wondering if its possible to change the sticky colour as an easier option?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
And welcome on board :)
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Thank you, I'm looking forward to using your templates for my designs.

I played around with different solutions, and also tried changing the sticky color, but I ended up with this CSS code to replace the image:

.affix img {
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: url('/images/main-logo2.png') no-repeat;
width: 300px; /* Width of new image */
height: 68px; /* Height of new image */
padding-left: 300px; /* Equal to width of new image */
}
  • Johan Wagenheim's Avatar
  • Johan Wagenheim
  • LIfetime Developer - Big Bamboo
  • 4 posts
  • 1 Thanks
  • Karma: 0
The administrator has disabled public write access.
The following user(s) said Thank You: manh
Thanks for posting your solution :)

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers