Topic Resolution: Resolved
    Evgeny
    Keymaster
    Posts: 1004
    May 11, 2020 at 11:27 am #44804

    Hi. You’ve got me there ) The width of the container isn’t set by us, these are Bootstrap presets. Also, your screenshots show that there is an error in Bootstrap CSS code, is it “720 pxr;” instead of “720 px;” there? How did that happen? And I went to the page you’ve given in the example, it works perfectly in any resolution, including the one you’ve mentioned. So it is not clear to me what the problem is, could you elaborate on the some more, please?

    Manfred Schweda
    Spectator
    Posts: 36
    May 11, 2020 at 12:12 pm #44805

    Bootstrap CSS is your old bootstrap slider,
    am looking how I can get rid of this, I just delete the .css
    many thanks
    Manfred

    Manfred Schweda
    Spectator
    Posts: 36
    May 11, 2020 at 8:12 pm #44806

    Hi again
    I looked into this, seems you own the problem.
    The bootstrap.css and bootstrap.min.css come with what I downloaded from the theme4press webpage on the 8th of May, they are dated 16/April 2020, I reextracted them today, the bootstrap.css files are in the themes/assets/css folder, and deleting them disfuntions the menus, etc.
    as I say the .container width jumps down to 720px width when we cross from 1000px width to 990px.
    What makes it trigger at 1000px ???

    http://generizon.com/Screen%20Shot%202020-05-11%20at%2017.38.04.png
    http://generizon.com/Screen%20Shot%202020-05-11%20at%2017.39.27.png
    http://generizon.com/Screen Shot 2020-05-11 at 17.40.32.png

    This is really annoying, this is on firefox, safari, chrome latest on mac. it is the same on another computer running windows 10 and edge.
    Please help
    Kind regards
    Manfred

    Evgeny
    Keymaster
    Posts: 1004
    May 12, 2020 at 12:03 am #44807

    Good evening. I’m not sure why you think that I own the problem. There is actually no problem at all, so nobody owns it. This is how Bootstrap works. Once you are below 992px, .container gets max-width of 720px. I’m sorry that you are annoyed by it, but this is simply how it is. It is not my setting, this is how it works.
    Here are the media queries for .container:
    @media (min-width: 576px) {
    .container {
    max-width: 540px;
    }
    }

    @media (min-width: 768px) {
    .container {
    max-width: 720px;
    }
    }

    @media (min-width: 992px) {
    .container {
    max-width: 960px;
    }
    }

    @media (min-width: 1200px) {
    .container {
    max-width: 1140px;
    }
    }

    If you want to change it, you can reset it to whatever you want in Additional CSS. If you need help with it, please let me know, I will be happy to assist.

    Manfred Schweda
    Spectator
    Posts: 36
    May 12, 2020 at 9:52 am #44808

    Hi Evgeny, sorry I misinterpreted your previous answer on the pxr… thought you meant how the bootstrap.css got there…
    Anyway it jumps once we get below 992px, and steals 25% of the screen, it never jumps above. I am setting this max-width to

    @media (min-width: 768px) {
    .container {
    max-width: 98%;
    }
    }

    this does it for now for my layout
    thanks very much for your help,
    much appreciated
    Manfred

    Evgeny
    Keymaster
    Posts: 1004
    May 13, 2020 at 1:23 pm #44811

    Yes, exactly. It jumps at 992px, as it should. I’m happy you were able to correct it to make it work the way you wanted it. Have a great day!