I changed the position of product description, but the page width is full screen

[Ajing]

Hi there,

I changed the position of the product description, but the page width is full screen, I feel this page has no margin

check the picture

What can I do to change it?

[hamzasgd]

Your store link?

[Ajing]

Hi thank you for you reply

Here is link: https://www.lilygo.cc/products/t-beam-v1-1-esp32-lora-module

[hamzasgd]

Is this margin enough?

[hamzasgd]

[Ajing]

Yes, thank you

[hamzasgd]

Add this at the bottom of base.css (updated code)

@media screen and (min-width: 990px){
 .product__description {
    margin:100px;
 }
}

@media screen and (max-width: 990px){
 .product__description {
    margin:20px;
 }
}

[hamzasgd]

If this helps like and accept it as a solution thanks.

[Ajing]

Thank you so much, the PC display is OK, but the mobile is kind of strange

[hamzasgd]

Yes wait let me add some fix in the code

[Ajing]

OK, Thanks

[hamzasgd]

@Ajing check I updated the code above

@media screen and (min-width: 990px){
 .product__description {
    margin:100px;
 }
}

@media screen and (max-width: 990px){
 .product__description {
    margin:20px;
 }
}

[Ajing]

Hi @hamzasgd

Done, perfect! Thank you so much

[hamzasgd]

One more thing that I identify is it me you can also see this add to cart button going outside?

[Ajing]

No, It looks normal, but one more question, how can I change the size of the table

[hamzasgd]

How much you want? I can see you already changed the size right

[Ajing]

1000 width is enough for PC display