Border for mobile devices

[tbegsr]

Thank you for your great work with the 10.1 design
The border on a mobile device use a lot of spaces on left and right
Is it possible to reduce the space?


Thank you

[mcandu]

Hi,

@merve Could you please check this issue?

Best Regards,

[merve7]

Hi,
Firstly, glad to hear you like it.
Yes, you can override these spaces. Now, the template uses 2rem padding and you can reduce in your stylesheet or override file (src/assets/sass/overrides/_layout_styles.scss). Like the below code;

Code: Select all

//now
.layout-wrapper .layout-main .layout-content {
    padding: 2rem;
}

//example
.layout-wrapper .layout-main .layout-content {
    padding: 1rem;
}

or you can write mediaquery for only mobile devices.