Viewing 23 posts - 1 through 23 (of 23 total)
  • Author
    Posts
  • June 2, 2017 at 11:45 am #802946
    Jürgen

    Hi,
    I have set a color section to 100% browser windowHeight. However, below is a part of the next color section to see (black about 30px high range).
    I would like that so that the next color section is not to be seen below, so only when scrolling down.

    Can someone help me
    Jürgen

    June 2, 2017 at 4:13 pm #803084
    Jordan Shannon

    Hey winnerl,

    I am not seeing that effect on my laptop. Can you please provide a screenshot of the issue.

    Best regards,
    Jordan Shannon

    June 2, 2017 at 4:25 pm #803092
    Jürgen

    … you’re right, the effect only occurs on larger monitors at 820px height. Screenshot attached.
    many Thanks Jordan

    June 2, 2017 at 4:58 pm #803103
    Jordan Shannon

    Hi,

    Try adding the following to quick css:

    .avia-builder-el-0.av-minimum-height-100 .container{
height:960px!important;
}

    Best regards,
    Jordan Shannon

    June 2, 2017 at 5:17 pm #803111
    Jürgen

    Hi Jordan,
    Ok, the solution is not bad. But with bigger monitors the problem still occurs.
    The problem only occurs with the first container, the next containers will work.
    See Screenshots.

    Jürgen

    June 2, 2017 at 5:22 pm #803113
    Jordan Shannon

    Hi,

    Have you made sure to set the background repeat to “Stretch to fit” and set it’s position to “center center”

    Best regards,
    Jordan Shannon

    June 2, 2017 at 5:38 pm #803133
    Jürgen

    … sure – stretch to fit and center / center. Right, exactly as I have set this.
    Jürgen

    June 2, 2017 at 5:41 pm #803134
    Jürgen

    … you can look in the backend. But please be careful the site is already online.

    June 2, 2017 at 6:04 pm #803143
    Jordan Shannon

    Hi,

    Please test the page again and let me know if its fixed?

    Best regards,
    Jordan Shannon

    June 2, 2017 at 6:14 pm #803146
    Jürgen

    Hi Jordan,
    no, the problem still exists.
    Jürgen

    June 2, 2017 at 6:46 pm #803162
    Jordan Shannon

    Hi,

    Please try clearing the cache a few times over.

    Best regards,
    Jordan Shannon

    June 2, 2017 at 6:54 pm #803164
    Jürgen

    Hi Jordan,
    Ok, cache I have clear. The problem is still there. But something different. The lower container is slightly smaller but still visible.
    Jürgen

    June 2, 2017 at 7:36 pm #803173
    Jordan Shannon

    Hi,

    I have set the padding on the color section to it’s largest available option, so please try adding this to css:

    #start .template-page content.av-content-full.alpha.units{
padding-bottom:180px!important;
}

    Best regards,
    Jordan Shannon

    June 3, 2017 at 12:57 am #803226
    Jürgen

    Hi Jordan,
    The code I have installed, but the next container is still to be seen.

    Best regards,
    Jürgen

    June 5, 2017 at 4:00 pm #804004
    Jordan Shannon

    Hi,

    How large of a screen are you viewing this from? Is it improved at all. I am to the point where I can no longer recreate this issue on any of my monitors.

    Best regards,
    Jordan Shannon

    June 5, 2017 at 8:46 pm #804133
    Jürgen

    Hi Jprdam,
    The problem occurs on a monitor with a resolution of 2560 x 1920 inches (IMac). From 990px height the strip can be seen.
    In Safari, Chrome and Firefox.

    Kind Regards
    Jürgen

    June 5, 2017 at 8:51 pm #804138
    Jordan Shannon

    Hi,

    Have you tried increasing the padding-bottom of the css I sent you?

    Best regards,
    Jordan Shannon

    June 5, 2017 at 11:20 pm #804213
    Jürgen

    Which of this to parts of css?

    #start .template-page content.av-content-full.alpha.units{
    padding-bottom:180px!important;
    }

    @media only screen and (max-width: 767px) {
    .responsive #scroll-top-link {
    display: block !important;
    }
    }

    June 5, 2017 at 11:27 pm #804215
    Jordan Shannon

    Hi,

    This portion:

    #start .template-page content.av-content-full.alpha.units{
padding-bottom:180px!important;
}

    Try increasing from 180px and see if that helps.

    Best regards,
    Jordan Shannon

    June 6, 2017 at 9:03 am #804400
    Jürgen

    Hi Jordan,
    #start .template-page content.av-content-full.alpha.units{
    padding-bottom:180px!important;
    }

    i put there: 300, 800, 120, 2000px
    But nothing happens
    Kind regards
    Jürgen

    June 6, 2017 at 4:34 pm #804565
    Jordan Shannon

    Hi,

    Try with just start:

    #start{
padding-bottom:100px!important;
}

    Best regards,
    Jordan Shannon

    June 6, 2017 at 4:48 pm #804577
    Jürgen

    Hi Jordan,
    perfect, now it works. puuuh This homepage was really a challenge. Get your top support. Thank you very much specialy to you Jordan and the Kriesi team. Great theme !!!

    Kind Regards
    Jürgen

    June 6, 2017 at 4:58 pm #804581
    Jordan Shannon

    Hi,

    Great! I am glad I was able to help. If you need anything else, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 23 posts - 1 through 23 (of 23 total)
  • The topic ‘ColorSection, 100% BrowserHeight problem’ is closed to new replies.