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

    artur1 Hi

    You can try this custom CSS:

    .horizontal-nav {
    left: auto;
}

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

      Your solution causes errors on the site.
      Wide screens:


      Resolution 1920x1080:

      Module problem:

        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.

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

          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

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

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

                    Write a Reply...
                    You need to Login to view replies.