[Kim]

On the Search Results Page:

1) How do I remove some of the white space between results?

2) Every now and then I notice that the ‘Read More’ doesn’t show up on a post in the Search Results page. Notice on the “botox for jowels…’ post:
http://hidemyage.staging.wpengine.com/?s=botox&submit=Search

I have gone into that particular post and I applied the Read More in the same fashion as all the other posts so I don’t get it.

3) How can I add a thumbnail for each post on the Search Results Page?

Thanks!!!
Kim

[Kim]

Also – How can I put my JetPack Blog Subscription Widget on my right header?

I would like to switch my social icons and my ‘receive beauty updates (jetpack blog subsription)

[Sakin]

@Kim:
1. You can reduce the margin bottom in the following css as per your need and then add it in “Appearance => Theme Options => Custom CSS” box:

.search-results .hentry { margin-bottom: 20px; }
.search-results .hentry p { margin-bottom: 20px; }

2. In your post “Botox for jowls, Ladies!”, you have split the content using more tag. So, edit that post and remove that more tag and it will show Read More. The excerpt content check the number of words before more tag and if it is less than the words setup in “Appearance => Theme Options => Excerpt/Mote Tag” settings then it will not display read more. If you are confused with more tag then read this http://en.support.wordpress.com/splitting-content/more-tag/

3. Search is not designed to display thumbnail. So, cannot add that. You might want to search for plugin to do that.

4. Go to “Appearance => Widgets” and then Drag and drop any widget you want to “Header Right Sidebar” which will replace your social icons

[Kim]

2. But all of my posts have the more tag. I’m not sure why this one shows up differently on the search results page. Maybe it’s a bug on the staging end. When I copy it to live i’ll let you know if I still have this issue.

3. I may do that – don’t want to make the page too slow though.

4. I did that but how can I change the alignment? Look how it looks:
http://hidemyage.staging.wpengine.com/

Thanks!!!

[Sakin]

@Kim:
2. It’s not staging server issue. It’s the more tag. If you have more tag in all other post then it must be that you have more words before more tag. The concepts is this. You can set the Read More… word count from “Appearance => Theme Options => Excerpt/Mote Tag => Excerpt length(words)”. I am sure that the word count before more tag of this post in less then the word count number add in Excerpt length(words). Where as all other post have more word count before more tag.

4. Try adding in the following css in “Appearance => Theme Options => Custom CSS” box

@media screen and (min-width: 941px) {
#logo-wrap { width: 68%; }
#sidebar-header-right { width: 30%; }
}

[Kim]

Thank you for that explanation. That is exactly what the issue was.

The right header looks great but for some reason my logo isn’t showing up correctly on mobile devices now. Please look at

hidemyage.staging.wpengine.com
vs
hidemyage.com

Thanks!

[Sakin]

@Kim: So, you like large logo in your mobile as well, then you can add the following css in “Appearance => Theme Options => Custom CSS” box:

@media screen and (max-width: 940px) {
    #branding img { max-height: inherit; }
}

[Kim]

Great! Now,is there any way to make it so I can stop the right header from showing up right underneath the logo?

[Sakin]

@Kim: Then where you want to show it. It will not fit in right in mobile devices.

[Kim]

Can we make it so that the right header doesn’t show on the mobile device at all?

[Sakin]

@Kim: Then you can the css that I gave your earlier. Find the following css:

@media screen and (max-width: 940px) {
    #branding img { max-height: inherit; }
}

Then replace it with the following css:

@media screen and (max-width: 940px) {
    #branding img { max-height: inherit; }
    #sidebar-header-right { display: none; }
}

[Kim]

Awesome!!
Thx!
K

[Author]

Posts