Page Width gets changed by mdocs

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

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

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 4 years, 6 months ago by bhaldie.

where can I find that .css file?

its your themes css file its called ergebnisse

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.

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

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;
  }
}

sorry about that.