Search template not full width

[Marcus08]

Hi,

I use Ivory search and The Grid for index-archive pages and Search page. It’s working fine. News overview page is showing full width. Category page is showing full width. However the Search template is not full width.

I added search.php into my child theme. Tried the CSS code below below but it is not working:
.search .x-container.max.width.offset {
width: 100%;
max-width: 100%;
}

Thx for the help in advanced.

Gtz Marco

[tristup]

Hi Marcus,

Thanks for reaching out.
To make the Search Result page full-width you need to set the Full Width option from the Theme Options > Layout And Design as shown in the given screenshot.

Hope it helps.
Thanks

[Marcus08]

Hi, tried it already but that changes also the post single to full width…

[tristup]

Hi Marcus,

I have investigated your website and found that the content section is not set with 100% of width. I would suggest you add the following custom CSS code into the Theme Options > CSS to make the width full.
You need to

.search .x-main.left
{
    width:100% !important;
}

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 custom codes that mean we can’t fix it if it conflicts with something on your site nor will we enhance it.

Thanks

[Marcus08]

Great, works, thx!

[tristup]

Hi Marcus,

Glad that we are able to help you.

Thanks

[Marcus08]

Hi,

Just one thing. On tablet and mobile the sidebar is still visible. How can I fix that?

Isn’t it better to use a search.php template? And where do I have to place it in my childtheme?

[tristup]

Hi Marcus,

You need to make the sidebar invisible by adding the following custom CSS code.

.search .x-sidebar.right
{
    display:none !important;
}

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

[Marcus08]

Thx, works fine!

What a bout a search template. I tried to make one but it still uses the post-single layout with sidebar template?

[tristup]

Hi Marcus,

Glad that it works. Please remember that we don’t offer investigation on modified child theme. Still, as per the mentioned problem, it seems that the single post layout has been copied as search template and that might be the reason behind your issue.

Thanks