Topic: MDB 8 - Main layout is missing margin
                  
                  itay
                  pro
                  asked 6 years ago
                
Q: Main layout is missing margin: 0 6%, rendering main layout without margins
A: Main layout? Which class/element?
--
main should be like: https://imgur.com/a/u5lGF2Q
But is: https://imgur.com/a/1feVuqo
I had to add:
main {
   margin: 0 6%;
 }
                
                  FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
              Opened
Specification of the issue
              - ForumUser: Pro
 - Premium support: No
 - Technology: MDB Angular
 - MDB Version: 8.0.0
 - Device: NA
 - Browser: NA
 - OS: NA
 - Provided sample code: No
 - Provided link: Yes
 
Damian Gemza staff commented 6 years ago
Thanks for your report. We'll take closer look at this.
EDIT: How can I reproduce this problem?
itay pro commented 6 years ago
Difficult to say
Perhaps it relates to RTL
Damian Gemza staff commented 6 years ago
If I can't debug this problem, I can't help you with it. MDB Angular doesn't support RTL currently - did you implemented RTL on your own?
itay pro commented 6 years ago
Basically, supporting RTL is adding direction:rtl to body and adding minor adjustments where needed
Damian Gemza staff commented 6 years ago
Maybe those adjustments have removed this styling? To be honest, I have launched a blank Admin Pro template project, and I there were no
main { margin: 0 6%; }styles.Where can I find them? Maybe those styles are coming from your modifications?
itay pro commented 6 years ago
That's what I said. I had to add it my self as it was missing from ver 8: main { margin: 0 6%; }
Damian Gemza staff commented 6 years ago
I have launched the 7.5.4 version of MDB Angular Admin Pro, and I cannot find any
main { margin: 0 6%; }rule. Could you please point me, where can I find it?itay pro commented 6 years ago
Perhaps I customized it What margin do you have on
main?