Viewing 13 replies - 1 through 13 (of 13 total)
  • sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    Hi there, by default the header image (inserted at Customize > Header) links to your site home page.

    Are you by chance talking about featured images set on other posts or pages?

    Thread Starter Art Bella

    (@artneyp)

    If I’m in the post, if I click on the header image it does nothing. It doesn’t go to the main/homepage. I have to select it from the menu bar to go back to home. Does that make sense?

    Moderator Kathryn Presner

    (@zoonini)

    Could you provide a link to your site so I can have a look? Thanks!

    I’m having the same question.

    https://www.wellnesswholehearted.com/

    Moderator Kathryn Presner

    (@zoonini)

    The custom header image in Sela is a background image, so it isn’t clickable. I’d suggest you use the Site Logo feature instead – not only will it be clickable, but it will scale automatically to fit smaller screens, instead of being cropped as it is now.

    The site logo is available in the Customizer after activating the Jetpack plugin – no special module is needed, just head to the Customizer and you’ll see the option to upload a logo in the “Site Title, Tagline, and Logo” panel.

    Thread Starter Art Bella

    (@artneyp)

    Is it possible to center the logo? It’s only on the right side and it looks white space is covering my menu bar.

    sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    Art Bella, by default on Sela, the site logo is centered. If you give us a link to the site so we can look at it, we can help you figure out what is going on. It could be that some other customization you have added is causing the issue.

    Thread Starter Art Bella

    (@artneyp)

    Yes! It’s https://www.myprettybrownblog.com. Thank you in advance.

    Moderator Kathryn Presner

    (@zoonini)

    I’m not seeing a Jetpack-added site logo on your site, only the custom header, and it does look centered at the moment. Could you clarify which image needs centering? Thanks!

    Thread Starter Art Bella

    (@artneyp)

    The custom header will not allow me to click on it and go straight to the home page.

    If I’m in the post, if I click on the header image it does nothing. It doesn’t go to the main/homepage. I have to select it from the menu bar to go back to home. Does that make sense?

    When I add my header image as a LOGO it is off. It’s more to the right and not centered.

    Moderator Kathryn Presner

    (@zoonini)

    The custom header will not allow me to click on it and go straight to the home page.

    Right – that’s because as I mentioned earlier the custom header in Sela is not clickable – that’s the expected behaviour, since it’s a background image. The site logo is what would be clickable.

    When I add my header image as a LOGO it is off. It’s more to the right and not centered.

    I can help you with that if I can see it active on your site. ??

    Thread Starter Art Bella

    (@artneyp)

    I’m aware that it’s not clickable however, The gentlemen earlier mentioned it could be ccs. If there is a specific ccs that I can play around with that could cause the right alignment in logo mode to see so I can quickly change it back? that would work better that way I won’t be disrupting the flow of my site. IF not, I won’t worry about it until I find another theme.

    Moderator Kathryn Presner

    (@zoonini)

    By default the site logo that you upload in the Customizer when Jetpack is active is centered. It’s hard to diagnose why it might not be centered without seeing it in action on your site.

    The gentlemen earlier mentioned it could be ccs

    Yes, Richard (sacredpath) mentioned that there might be something in your custom CSS causing the site logo to be off-centre, but it’s very tricky to troubleshoot that without seeing the site logo active. Kind of like performing dental surgery while blindfolded. ??

    What I did for you just now was install Sela on one of my test sites and then copy your custom CSS over to it. Sure enough, the site logo became misplaced after adding your custom CSS. That means there’s a piece of your custom CSS causing the issue.

    What I did next was remove pieces of your custom CSS one at a time (using a browser inspector for speed) to see if the logo became centered again. The culprit is this piece of your custom CSS:

    .site-logo {
         position: absolute;
         top: 30px;
    }

    When you remove that bit the logo pops back into place, in the centre.

    For future troubleshooting, you could look at setting up a local copy of your site using a local server setup like MAMP on a Mac or WAMP/XAMPP on a PC. This is very handy because it lets you make changes and experiment without worrying about disrupting a live site.

    https://codex.www.ads-software.com/Installing_WordPress_Locally_on_Your_Mac_With_MAMP

    https://codex.www.ads-software.com/Installing_WordPress#WAMP

    Let me know how it goes.

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Linking Header to home page’ is closed to new replies.