- This topic has 9 replies, 2 voices, and was last updated 6 years, 2 months ago by
.
-
Posts
-
If I post a link to one of my posts the header for the site appears at the top of the page, and the next widget too, meaning the reader has to scroll down past all that to get to the post. eg: http://www.designsewlutions.ca/theme/.
Is there any way to have none of the other stuff, other than just the post, appear for the reader when they click on the link?
I hope I explained that well enough for you go get what I’m trying to do.
Thanks
LindaHello,
If you wish to remove the main site header in posts single page, leading the readers to the posts directly, you can add in the following custom CSS in your Admin Dashboard > Appearance > Customize > Additional CSS :
.single.single-post .main-site-branding { display: none; }This will remove the header block in the post single pages.
Hope this Helps,
Best Regards !!
Thank you for your relply, but I probably didn’t ask the right question.
I have a header image with the site title acoss the top of the page, beneath that is the navigation bar. Beneath that are the most current posts. If I click on one of those posts– in order to read it all– the page refreshes and the large header image is still there, navigation bar underneath with the post underneath that. What I’m trying to get to is when a reader clicks onto the post, or is directed to the post via a link, they don’t see the header block and the navigation bar, only the post.
I hope that clarifies things.
Here is a link to a post so you can see what I mean..
http://www.designsewlutions.ca/hurry-up-and-wait/
Thanks
LIndaHello @lindaje,
We had provided you with the CSS code to remove the header image section in posts single pages so that header is not displayed in the single post page, taking the readers to the content directly.
However, if you wish to scroll the users to content on post-load without removing the header image/block, you would need to add the additional feature on your website.
For the functionality, you can try using the plugins like :
https://wordpress.org/plugins/page-scroll-to-id/
The plugin settings might help you with the issue/request, however, please note that as the third-party plugin has not been tested with the theme, we cannot assure 100 % compatibility of the plugin with the theme.
Hope this Helps,
Best Regards !!I did add the CSS you gave me, but the header image and nav bar still appear when linking to the post or clicking on it to read. As in the link I gave you. That’s the problem. The addition to the CSS didn’t work.
Hello @lindaje,
While we have inspected your website, the CSS that we had provided does not seem to be applied currently.
Please make sure you have correctly added the custom CSS in your Admin Dashboard > Appearance > Customize > Additional CSS.
Also, we could not find the screenshot of the CSS in your response thread.
Best Regards !!
The link, sorry:
http://www.designsewlutions.ca/wp-content/uploads/2018/02/Screen-Shot-2018-02-05-at-9.13.48-PM.pngI added the link via the link button in the nav bar in this reply, but it doesn’t keep that. In this one I’ve added the link as a copy from the actual site.
As you can see, I put the code into the CSS editor, per instructions, but it isn’t removing the header when viewing posts.Thanks for the help
Hello @lindaje,
Glad to know your issues have been resolved.
if you have any queries/issues further, please feel free to post your queries here.
Best Regards !!
- You must be logged in to reply to this topic.
