Return to previous page

Fixed navigation display different logo - by rsn8

This topic has 7 replies, 4 voices, and was last updated 9 years, 11 months ago ago by smartwebasia

rsn8

Participant

July 9, 2014 at 08:09

Is it possible to have a different logo display in the fixed navigation?

Thanks…Jay

Please, contact administrator
for this information.

#9199 Copied

6 Answers

Robert Hall

Support staff

July 9, 2014 at 08:17

Hello,

Unfortunately, in our theme it’s not possible to do.
If you change logo, it will change in fixed navigation too.

Regards,
Robert Hall.

#9200 Copied

rsn8

Participant

July 9, 2014 at 08:30

OK. so there is no way to pull a different logo image for the fixed navigation?

perhaps by custom css (this code doesn’t have an effect) ::
.fixed-header-area .fixed-header .logo-with-menu {url(http://bondejewelry.com/wp-content/uploads/2012/04/bonde_logo_013.png) no-repeat;}

thanks…jay

#9205 Copied

Robert Hall

Support staff

July 9, 2014 at 08:50

Here is a request to function in PHP code and it uses logo header.
Sorry, it’s not possible.

Regards,
Robert Hall.

#9209 Copied

rsn8

Participant

July 9, 2014 at 16:15

OK. I understand. Thanks for the quick reply. This theme is amazing.

Jay

#9278 Copied

Eva Kemp

Support staff

July 9, 2014 at 16:18

Hello,

You’re welcome.
Thank you for the feedback!

Regards,
Eva Kemp.

#9279 Copied
smartwebasia

Participant

January 19, 2015 at 09:12
Hi,

Actually this can be done with little CSS trick.

The logo in the menu has his own css class (.logo-with-menu) so we can play with it.
First i hide the logo with a display none, and then i add a background to the a class.
Here is the CSS i add in my custom.css:
```
.logo-with-menu img {
  display: none;
}

.logo-with-menu > a {
  background: url("https://www.mysite/myimage.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  display: block;
  height: 65px;
  margin: 0;
  width: 400px;
}

.fixed-header-area .fixed-header .logo-with-menu {
  display: block;
  margin: 15px 0;
  width: 400px;
  height: 65px;
}
```
Another option, you can also add the new logo to the DIV and make the actual one transparent:
```
.fixed-header-area .fixed-header .logo-with-menu {
  background: url("https://www.mysite/myimage.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  display: block;
  height: 65px;
  margin: 15px 0;
  width: 400px;
}

.logo-with-menu img {
  height: 65px;
  opacity: 0;
  width: 400px;
}
```
This work for me and seems to be compatible with all browser.

Good luck
#34099 Copied
Tagged: display, fixed, logo, navigation, themes, woocommerce, wordpress
Viewing 7 results - 1 through 7 (of 7 total)