Brooklyn Theme: How can I adjust the single product page width?

[JustJinn]

How can I adjust the width of my Navbar and Container to be a certain width? Just the product pages.

Product Page

[JHKCreate]

Hi @JustJinn !

You can adjust this by adding this code inside your product.liquid file only:

@media screen and (min-width: 591px)
{
.wrapper {
   width: 1500px;
}
}

Let me know if that works! Nav & Container are bound to the same element.


Cheers!

[JustJinn]

That did not change anything, have tried with different widths as well.

[JHKCreate]

Use this instead, let me know!

@media screen and (min-width: 591px)
{
.wrapper {
   width: 1500px!important;
}
}

[JustJinn]

Same.

Is the product.liquid the right place? I don´t see any css code there.

[JHKCreate · Accepted solution]

You have to wrap it with the <style> tags like this:

<style>
@media screen and (min-width: 591px)
{
.wrapper {
   width: 1500px!important;
}
}
</style>

[JustJinn]

Nice, that worked now. Thank you very much.