Content isn't centered and home icon can't be removed (Independent Publisher)
-
I am using the “Independent Publisher” theme on my site https://zoltanfazekas.wordpress.com/. Since changing the theme to another one and then back to “Independent Publisher” a few weeks ago, the content is not displayed centered in the middle of screen as it used to be. It looks like there is an empty sidebar on the left but I do not have any sidebar widgets configured in the customizations. There is also a home button/icon in the upper left corner of the featured image in the site header that did not use to be there before and I can not get rid of it. If I create a new test site and apply the “Independent Publisher” theme on it, the content is in the middle and there is no home button/icon. How can I get back to this state with my original site?
The blog I need help with is: (visible only to logged in users)
-
Hi there! Looks like you’re recently changed the site again, so maybe this is no longer an issue?
Let me know if you add your content back and see any issues again so we can take a look! :)
-
Sorry, I was just experimenting with different static front pages. I have restored the original site now. The problem still persists.
Thanks a lot for having a look at it!
Zoltan -
No worries. Thanks for putting it back so I could check it out.
The home icon at the top left is appearing due to not having a Site Title set (which would usually link to “home” for you). If you add a Site Title under Customize > Site Identity, it should disappear.
The odd shift to the right for your front page content is a theme bug and I’ve reported it for our developers to take a look.The Static Front Page on this theme shows the Site Title in that area (the space you’re seeing on the left), but should not be adding the space, since you don’t have the box checked under Customize > Site Identity to choose to display a Site Title.
We’ll update here when the issue is fixed. In the meantime, you could add a Site Title under Customize > Site Identity to make the space look more intentional, if you’d like.
Let me know if you have any questions! :)
-
Thanks for reporting the theme bug to the developers.
Regarding the home icon, I set the site title and even a tagline and of course the checkbox in the Site Identity settings as you suggested, saved and published the changes but nothing happened. I only get to see the site title and tagline and not the home icon instead if I uncheck the “Use Post Cover Images” checkbox in the “Theme Options”. But in this case I do not have the wide image at the top of the page which I would definitely like to keep.
-
You’re welcome! :)
Ah, good point on the “Use Post Cover Images”… that changes things. I’ll check into how it’s intended to work and see if there’s an adjustment that can be made and let you know here when I’ve got an update.
-
Have you got some feedback from the developers regarding the theme bug (odd shift to the right for the front page content)?
-
Our developers did spend some time on this, but unfortunately there wasn’t a simple fix, so I don’t have anything to report yet. I’ll check in with them again and keep you posted here.
-
-
I’ve given you a complimentary 1-year Custom Design upgrade so you can apply this temporary CSS workaround by adding it to your Customizer‘s CSS panel:
.parent-pageid-143 .site-header { display: none; } @media screen and (min-width: 62em) { .parent-pageid-143 .site-content { float: none; padding-left: 0; } } @media screen and (min-width: 86.25em) { .parent-pageid-143 .site-content { padding-left: 260px; } }Let me know how this goes. We’ll still let you know if we’re able to come up with a more permanent fix.
-
-
The CSS workaround looks almost perfect, thanks much. I have to add it to the CSS panel of each single page, right? Or is there a possibility to add it only once and automatically apply it for all pages?
-
Please try this instead of what I gave you above:
.site-header { display: none; } @media screen and (min-width: 62em) { .site-content { float: none; padding-left: 0; } } @media screen and (min-width: 86.25em) { .site-content { padding-left: 260px; } }That should apply to all pages instead of just the homepage.
I have tested the issue with the home icon. If I set another page as static front page in the customizings, the home button always appears. It does not make a difference if I set the site title or not.
I see what you mean. I’ve reopened our bug ticket so we can take another look at what’s going on and we’ll report back here.
-
-
Glad the CSS does the trick!
I’ve discussed the Home icon with our developer and here’s the scoop:
Independent Publisher isn’t designed to display both the Site Title/tagline when Post Cover Images are there. When those images are present on a post, the Home icon is used instead.
Here are some suggested workarounds:
– Hide the Home icon with custom CSS and add a custom menu to let users access your pages and homepage from any interior page. The custom CSS to hide the icon is:
#site-home-link { display: none; }– Another theme with large page header images might work better for your needs. You might like to check out Resonar or Coherent, for example:
https://resonardemo.wordpress.com/
https://coherentdemo.wordpress.com/ -
-
- The topic ‘Content isn't centered and home icon can't be removed (Independent Publisher)’ is closed to new replies.
WordPress.com Forums 