Docs

[RobbyAdam]

Dear Team,

i checked my website responsiveness for the starting page of my website wwww.robbyadam.de
Each site is responsive but not the first section I edited in cornerstone (The first section with picture and text that is not responsive is called “Lets go”) in the cornerstone Layout Part for the Page called “Home New” (which is the starting page of the websitem, you can find it.

[RobbyAdam]

This reply has been marked as private.

[Thai]

Hi There,

Please remove the 350px padding from the section #1.

Then add the following CSS under Customizer > Custom > Global CSS instead:

@media (min-width: 980px){
    .home #x-section-1 {
        padding: 350px;
    }
}

Hope it helps 🙂

[RobbyAdam]

Hi there,

thank you, it is responsive now but how do i readjust the picture size of sektion 1, so that the background picture with the water fills the starting screen when someone enters the site. and when you scroll down you see the rest.

greetings:)

[RobbyAdam]

(I had to re-edit, this is the current settings. i dont know if 350 is stil a valid value

[Paul R]

Hi,

Please set padding to 0 then add the code below in Custom > Edit Global Javascript in the customizer.

jQuery(function($) {
$(window).on("resize", function () {
    var bodyHeight           = $(window).height();  
    var navbarFixedTopHeight = $('.home .x-navbar').outerHeight();
    $('.home #x-section-1').height(bodyHeight - navbarFixedTopHeight); 
}).resize();
});

Hope that helps.

[Author]

Posts