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

Solved
JustJinn
Excursionist
20 0 6

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

Product Page

0 Likes
JHKCreate
Shopify Partner
2013 326 439

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!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
0 Likes
JustJinn
Excursionist
20 0 6

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

0 Likes
JHKCreate
Shopify Partner
2013 326 439

Use this instead, let me know!

@media screen and (min-width: 591px)
{
.wrapper {
   width: 1500px!important;
}
}
- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
0 Likes
JustJinn
Excursionist
20 0 6

Same.

 

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

0 Likes
JHKCreate
Shopify Partner
2013 326 439

This is an 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>
- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
JustJinn
Excursionist
20 0 6

Nice, that worked now. Thank you very much.

0 Likes