Debut: Increase width product section on Mobile ONLY

Store Design
1

Hi Community! I have been strut with the design of my page to optimise the website. I have figured how to deal with the product section on Desktop but not on Mobile. I need a full with of the product description on Mobile ONLY. Can you please help?
see photo,thanks :folded_hands:t4:

Joegr7_0-1628986675370.jpeg
Joegr7_0-1628986675370.jpeg1284×2778 218 KB

2

Hi @Joegr7
To adjust the product description width on mobile add this css rule to the bottom of theme.css

@media only screen and (max-width: 749px) {
.product-single__description.rte {
  width: 100% !important;
}
}

Result:

2021-08-14 20_39_36.png
2021-08-14 20_39_36.png472×814 21.2 KB

3

@Joegr7

Please add the following code at the bottom of your assets/theme.css file.

@media only screen and (max-width: 749px){
.product-single__description{
width: 100% !important;
}
}

Hope this works.

Thanks!

4

@Nick_Marketing @dmwwebartisan Thanks for the solution, do you know how to remove space between the buy it now button and the first sentence of the description? for MOBILE only. Thanks