Breaking Point

Hi,

I’m not sure what you mean by that, could you post a link to the page in question and try to explain the problem a bit further please?

Best regards,
Rikard

Hi,

Thank you for the update.

The screenshot above is not accessible. Please try to use Savvyify, Imgur or Dropbox to upload and share the screenshot.

Did you add this css code somewhere?

.container {
    max-width: 1010px;
}

Please try to override it with this css code.

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 989px) {

  /* Add your Desktop Styles here */
  #footer .container {
    max-width: 1360px;
  }
}

Or try to adjust the Maximum Container Width value in the Enfold > General Layout > Dimensions tab.

Best regards,
Ismael

Hi,
The posts and pages that I checked seemed to be full width, but your blog page /nos-references/ was not so I adjusted the css above to this:

@media only screen and (min-width: 989px) {
#footer .container,
.container.template-blog  {
max-width: 1560px;
}
}

and now I believe it is what you wanted, I found no screenshots above so I’m not sure. Please clear your browser cache and check and if you still see any issues please link directly to the page and include a mockup screenshot of what you expect to see.

Best regards,
Mike

Hi,
Sorry I’m not sure that I understand, the posts and pages that I checked seemed to be full width.
Please explain further and link to the page with the issue and include a mockup screenshot of what you expect to see.

Best regards,
Mike

Hi,
For your blog page your blog page /nos-references/ I posted this css to correct:

@media only screen and (min-width: 989px) {
#footer .container,
.container.template-blog  {
max-width: 1560px;
}
}

Perhaps you have a very large screen, so try this:

@media only screen and (min-width: 989px) {
#footer .container,
.container.template-blog  {
max-width: 2560px;
}
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
Or perhap you have a error in your css file, so try adding it to your WordPress ▸ Customize ▸ Additional CSS
After applying the css, please clear your browser cache and check.
Please see the screenshots in the Private Content area.

Best regards,
Mike

Hi,
This is for only the width of the page, first.
I checked your css and you have two errors breaking your css:

I fix it for you, please clear your browser cache and check.
Please note that Safari can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.
I’m not sure what the px width for your screen, so the css has 2560px, you can adjust to suit.

Best regards,
Mike

Hi,
I don’t understand want you mean by “disconnected mode”
please explain further, perhaps a screenshot would help.

Best regards,
Mike

Hi,
Sorry I still don’t understand what you mean by “connected” and “deconnected”?
Do you mean if the css is “added” and “removed”?
When I check your page it seems to be working for me.

Best regards,
Mike

Hi,
You mean if you are logged in to WordPress or not?
If you don’t see it when you are logged out this means that your caching plugin has not been updated and is not showing the new css, or perhaps your server cache need to be updated, or perhaps your CDN cache needs to be updated.
So if you are using all of these you will need the clear and update all of these.
Typically caching doesn’t show for logged in users, so it proves that this css works. Please try clear and update your caches or disable all of them and check again.

Best regards,
Mike

Hi,
If you disable your caching plugin does the css above work for the width of the blog?

Best regards,
Mike