Hi,
you can always use @media screen param for your CSS to change width for mobiles:
/*--------------------------------------------------------------
2.1 - MAXIMUM width of 720 pixels (phones landscape)
--------------------------------------------------------------*/
@media screen and (max-width: 720px) {
}/* don't delete this closing bracket */
/*--------------------------------------------------------------
2.2 - MAXIMUM width of 350 pixels (phones portrait)
--------------------------------------------------------------*/
@media screen and (max-width: 350px) {
}/* don't delete this closing bracket */
/*--------------------------------------------------------------
2.3 - MINIMUM width of 721 pixels (tablets+)
--------------------------------------------------------------*/
@media screen and (min-width: 721px) {
}/* don't delete this closing bracket */
/*--------------------------------------------------------------
2.4 - MINIMUM width of 1040 pixels (desktops and laptops)
--------------------------------------------------------------*/
@media screen and (min-width: 1040px) {
}/* don't delete this closing bracket */
/*--------------------------------------------------------------
2.5 - MINIMUM width of 1540 pixels (desktops and laptops)
--------------------------------------------------------------*/
@media screen and (min-width: 1540px) {
}/* don't delete this closing bracket */
Also, you can try to use this code:
width: 100%;
max-widths: 1100px;
box-sizing: border-box;
