Page Width gets changed by mdocs

(@bhaldie)

without see you page I can’t really look and see what the issue is. If you site is public please provide a link.

Thread Starter

(@dergrosz)

https://www.bc-ismaning.de/krautkopfturnier/ergebnisse/

Plugin Author

(@bhaldie)

if you edit your css file ‘ergebnisse’ line 273 and add this line it should work:


.container, [class * ='__inner-container'], .site-header-full-width-main-navigation:not(.responsive-site-full-width) .main-navigation-wrapper {
    max-width:1440px;
    width: 1440px;
}

make sure that you add the semicolon on the max-width line it won’t work otherwise.

This reply was modified 6 years, 1 month ago by bhaldie.

Thread Starter

(@dergrosz)

where can I find that .css file?

Plugin Author

(@bhaldie)

its your themes css file its called ergebnisse

Thread Starter

(@dergrosz)

Thanks, seams to be something dynamically (ergebnisse is the name of the page) and there is no file called *ergebnisse*.* in the whole wordpress directory.

Plugin Author

(@bhaldie)

it looks like it is an inline style of your theme, maybe located in the header or footer.

Thread Starter

(@dergrosz)

Hi, I can find this section, but it works fine in all pages without any mdocs-shortcut.
If this makes too must trouble, see my other other issue (firefox), I will change to a plugin with less configuration options. I like the plugin and it’s features very much, but it seams that those features makes it very dependent on other stuff (themes, other plugins, browsers, …).

— section from style.css follows —

/**
 * Container styles
 * -----------------------------------------------------------------------------
 */
.container, [class*="__inner-container"], .site-header-full-width-main-navigation:not(.responsive-site-full-width) .main-navigation-wrapper {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 0) {
  .container, [class*="__inner-container"], .site-header-full-width-main-navigation:not(.responsive-site-full-width) .main-navigation-wrapper {
    max-width: none;
  }
}

@media (min-width: 576px) {
  .container, [class*="__inner-container"], .site-header-full-width-main-navigation:not(.responsive-site-full-width) .main-navigation-wrapper {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container, [class*="__inner-container"], .site-header-full-width-main-navigation:not(.responsive-site-full-width) .main-navigation-wrapper {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container, [class*="__inner-container"], .site-header-full-width-main-navigation:not(.responsive-site-full-width) .main-navigation-wrapper {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container, [class*="__inner-container"], .site-header-full-width-main-navigation:not(.responsive-site-full-width) .main-navigation-wrapper {
    max-width: 1140px;
  }
}

@media (min-width: 2400px) {
  .container, [class*="__inner-container"], .site-header-full-width-main-navigation:not(.responsive-site-full-width) .main-navigation-wrapper {
    max-width: 2320px;
  }
}

@media (min-width: 4800px) {
  .container, [class*="__inner-container"], .site-header-full-width-main-navigation:not(.responsive-site-full-width) .main-navigation-wrapper {
    max-width: 4640px;
  }
}

Plugin Author

(@bhaldie)