Dawn - Adjust Size Of A Block On Mobile & Desktop

[Alex087]

Hi,

I have a block (custom liquid) on my product informations section that is not at the correct size. This block is too large on mobile, and not large enough on desktop. it doesn’t look responsive, and doesn’t follow box-sizing: inherit;

I want the same margin on the right than on the left (like the collapsable content above it)

thanks for your help!

on desktop

on mobile

[Dan-From-Ryviu]

Hi @Alex087

Please change width in your custom code from 476px to 100%

Here is the result

[Alex087]

Thank you so much @Dan-From-Ryviu !

Would you know how to put change the position of the content of this block on mobile?

I would like all center, & the image at the top, like this

[Dan-From-Ryviu]

Hi @Alex087

You can do that by adding this code

@media screen and (max-width: 749px) {
.swiper-slide { 
flex-direction: column; 
align-items: center;
}
.product_slider_md_box_right_new { text-align: center; padding-left: 20px; }
}

[Alex087]

thank you so much!