[Resolved] Woocommerce search options + results in visual composer row

[Author]

Posts

[Lykke Scavenius]

Hello again 🙂

I've created a view with a search form, and then I've inserted the view into a page, built with Visual Composer.

The search section of the view is changing width, matching the column width, set in Visual Composer, so that's fine.

But the search results are taking up the full width of the page, even though I put the view inside a column, that's only 3/4 width of the page. There's content in the right 1/4 column on the page, that is blocked by the search results content.

See this page hidden link

It's supposed to act like this

hidden link

Thanks for your time,
Best regards, Lykke

[Lykke Scavenius]

Hi,
I found a solution, it was the "container" class in the div that caused the issue.

But another issue came up while creating a content template for the products. I am using Visual composer, and I have set the width of the row as "default", but the content is full width, look here hidden link

See attached image, that's the content template.

Hope you can help me figure out why the product content template is different than the Visual Composer setup.

Thanks for your time,
Best regards, Lykke

[Luo Yang]

Dear Lykke,

It is a custom CSS codes problem, for example you can try below CSS codes:

.vc_row  .row-container{
display: block;
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
}

See screenshot: css2.JPG