Make desktop 80% and mobile 100% width

Hi there,

My website is perfect at 80% width on destkop and 100% width on mobile (80% width on mobile doesn't work properly).

Here is the custom code to make the website 80% for desktop. Can you please give me some code that will make it 100% width on mobile.

Code:

.box_as_background {
width: 80%;
margin: 0 auto;
border: 2px solid black;
}
 
.box_as_background {
background: white;
}
body {
background-image: url("http://website.com/stripes.png");
}

Thank you,
Leo

 

Hey Leo!

Please paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

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

Thanks,
Praveen