Logo on Sticky Navigation Bar

  • Hi

    Is there any option to have mini logo showing on sticky navigation bar when scrolling down?

    thanks

Viewing 2 replies - 1 through 2 (of 2 total)

  • Someone shared this with me:

    /* Add Logo to Menu */
.main-navigation .home {
    width: 20em;
    background: url(https://image name and location);
    background-repeat: no-repeat;
    background-position: center;
    background-origin: border-box;
    background-size: 250px 46px;
    text-indent: -9999px;
}

/* Set Menu Width */

.navigation-top .wrap {
    max-width: 100%;
    /* padding: 0; */
}
 
 
@media screen and (min-width: 48em) {
.navigation-top .wrap {
    max-width: 100%;
    /* padding: 0.75em 3.4166666666667em; */
}
}

    [Moderator note: code fixed. Please wrap code in the backtick character or use the code button.]

    • This reply was modified 7 years, 7 months ago by bdbrown.

    you also can add custom link to your menu.

    add into the link text something like

    <img src="/wp-content/uploads/YOUR-LOGO.png" width="216" height="45" />

    have a nice day

    • This reply was modified 7 years, 7 months ago by sirflour.
    • This reply was modified 7 years, 7 months ago by sirflour.
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Logo on Sticky Navigation Bar’ is closed to new replies.