Container Width

Home Forums ColorMag Free Container Width

This topic contains 7 replies, has 4 voices, and was last updated by  Bishal Napit 2 days, 6 hours ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1400658

    krystel
    Participant

    My website container width needs to be increased. Currently there is a huge white space on the left.

    https://planningthemagic.net
    https://planningthemagic.net/disneyonabudgettips

    How can I fix this?

    #1400897

    Nitu Shrestha
    Moderator

    @krystel

    Can you add the below CSS code to Additional CSS box and check?

    .inner-wrap {
        max-width: 1260px;
    }

    Thanks.

    #1400954

    krystel
    Participant

    That didn’t work. This URL is a good example http://www.planningthemagic.net/disneyonabudgettips/ on desktop

    #1401064

    Nitu Shrestha
    Moderator

    @krystel

    We have checked out your site and could not replicate the issue which you have mentioned. Can you provide us the screenshot link by marking the white space on your site for better understanding of the issue?

    Thanks.

    #1401480

    tyler1
    Participant

    Hi Nitu,

    I am wanting to do the same as Krystel. I want to make the content fill 100% of the page and have no borders either side.

    I followed your previous advice which worked immediately in the Style Customizer Preview but when I go onto the live site itself the change does not happen.

    www.banfftourcompany.com

    #1401558

    Nitu Shrestha
    Moderator

    @tyler1

    Can you add the below CSS code to Additional CSS box and check?

    #main .inner-wrap {
        max-width: 100%;
    }

    Thanks.

    #1401599

    krystel
    Participant

    Here is an image example.

    Site pic, white space

    #1401924

    Bishal Napit
    Moderator

    @krystel

    Can you once try the below CSS code in the Additional CSS box provided via the Customizer Options and check:-

    @media (min-width: 1400px) {
      #main .inner-wrap {
        max-width: 90%;
      }
    }

    And if that does not work then, can you point on that screenshot to about what to increase? If that is possible via the CSS code then, we can provide you with the CSS code onto it. Hope you are clear on this.
    Thanks.

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.