Page to be centered on wide screens or expand to full screen

artur1

How to set the web page to be centered on wide screens or expand to full screen?

saguaros

You can try this custom CSS:

.horizontal-nav {
    left: auto;
}

.t4-content {
    margin-left: auto;
    margin-right: auto;
}

artur1

Your solution causes errors on the site.
Wide screens:

Resolution 1920x1080:

Module problem:

saguaros

artur1 Hi

You can add media queries for it:

@media (min-width: 1400px){
.horizontal-nav {
    left: auto;
}

.t4-content {
    margin-left: auto;
    margin-right: auto;
}
}

so that it will apply to screen from 1400px and above only.

artur1

The problem of the white bar on the left-hand side and the slide-out menu on the side of the screen remains

phinb

Hi @artur1

You can try this custom css (Please copy and overwrite the custom CSS code above)

@media (min-width: 1400px){
  .c-offcanvas--left {
    margin-left: 25px;
  }

  .horizontal-nav::before {
    height: 100%;
    background: var(--horizontal-background);
    content:  "";
    position: absolute;
    right: 100%;
    width: 20000px;
  }

  .horizontal-nav {
      left: auto;
  }

  .t4-content {
      padding-left: 0;
      margin-left: auto;
      margin-right: auto;
  }
}

Regards

artur1

phinb Where do I change this code?
After adding it to custom.css, the same problem still remains.

artur1

saguaros phinb I cleared the browser cache and everything works super.
Thank you very much for your help.

saguaros

artur1 You can share us the URL + super admin account of your site, I will check for you.