Responsive search page h2

[TobyElwin]

How can I get my search page h2/header/entry-title to act/react like my Blog page and my Portfolio through mobile responsiveness.

I have spent much time reviewing and trying, but to no avail. However, I have no doubt I’ve done something (many things) incorrect as I stumbled around.

Many thanks.

[tristup]

Hi @TobyElwin,

Thanks for reaching out.
It seems that a custom CSS code which overriding the default width of the posts for smaller screens. I would suggest you remove the code to get rid of this issue.

Please remember that we don’t offer any support or investigations on custom code or related issues.

Thanks

[TobyElwin]

If I remove that code, then I get only one image, way too large. Resolution?

I found that code solution within theme.co forum to try to resolve.

[tristup]

Hi @TobyElwin,

It seems that removing custom CSS code is affecting your output on the bigger screen, I would suggest you add that custom code only for the Bigger Screens. Your code looks like the following one.

@media (min-width: 767px) 
{
    .search-results .x-main article
    {
        width: calc(50% - 42px);
        float: left;
        margin: 10px;

    }
}

Please remember that the above code will work if copied as it is and doesn’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes that means we can’t fix it in case it conflicts with something on your site nor will we enhance it.

Thanks

[TobyElwin]

I ended up with this to meet what I hoped for: to have two-columns on screens above 768px.

@media screen and (min-width: 767px) 
{
  .search-results .x-main article
    {
        width: calc(50% - 42px);
        float: left;
        margin: 10px;
    }
	.entry-title {
		font-size: 200%
	}
}

Thank you for your suggestion.

[tristup]

Hi @TobyElwin,

Glad that we are able to help you.

Thanks