Viewing 4 replies - 1 through 4 (of 4 total)
  • One way should be to add logo image to the div that will be used as sticky (I think that you should try to use .hentry class) in your template. You can hide it with css (display:none;) while plugin is not sticky, and than display it back while sticky with .myfixed class.

    I added some examples how to configure plugin for different themes using only plugin settings: https://wordpress.transformnews.com/tutorials/mystickymenu-theme-support-682 .

    Check out how I did it for Twenty Thirteen theme so you maybe get idea how to set it up for your own theme…

    roxer82

    (@roxer82)

    It’s a great plugin. I was trying to add the logo as you did it but I couldn’t figure out how to do it.

    I added:

    .myfixed .site-title { display:none;} .myfixed .home-link { max-width: 55px; min-height: 38px; margin-left:20px; float:left; background-image: url(‘logo.png’); }

    But it didn’t work.

    damiroquai

    (@damiroquai)

    Your theme is Twenty Thirteen?

    If so, try to change img url to absolute url and fix brackets around URL (brackets are my fault, I fixed it on my web now as well) like this:

    .myfixed .site-title { display:none;} .myfixed .home-link { max-width: 55px; min-height: 38px; margin-left:20px; float:left; background-image: url('https://yoururl.com/folder_if_any/logo.png'); }

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How do I add a logo to sticky header?’ is closed to new replies.