How to remove outer space on mobile view

[activerify]

How to remove outer space on mobile view

Check this for more info.

Thank you,
Sovann

[prakash_s]

Hello @sovann,

Thanks for writing to us.

It seems that you have set max-width and margin-left and right as “auto” so it is setting the container width as 320px and it is aligned on the center. To get remove the space you need to set the width as 100% and margin-left & right as 0.

Please add this code under X/Pro—>Theme Option —>CSS

@media(max-width:767px){
.e2-47 .x-column {
    margin-left: 0 !important;
    margin-right: 0 !important; 
    max-width: 100% !important;  
}
}

The purpose of providing the custom CSS to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.

Hope it helps.
Thanks

[activerify]

It works great. Thank you

[friech]

Glad we could help, Cheers!