Page 1 of 1

Border for mobile devices

Posted: 27 Jan 2021, 08:20
by 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?
Image

Thank you

Re: Border for mobile devices

Posted: 04 Feb 2021, 14:36
by mcandu
Hi,

@merve Could you please check this issue?

Best Regards,

Re: Border for mobile devices

Posted: 09 Feb 2021, 10:19
by 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.