Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #850766

    stefaan5
    Participant

    Hello X Theme,

    We plan on running a new PPC-campaign with customized landing pages using Cornerstone.
    For the landing page we will require the first section to be the device height and background-size will be cover.

    We do not want to do this using the Rev Slider since we want to change the landing pages depending on the copy of the ads.
    Especially the h1 tags.
    Obviously, I do not want to have to make 40+ different sliders for slight variations.

    Normally we just need to ad this bit of js:
    $(“#FullHeightContainer”).css(“min-height”,$(window).height());

    We added this to the section, but it doesn’t seem to work. Do you have any recommendations? We don’t want to use other developers.

    The result we want to achieve will be like the following page: http://www.quackels.com/ppc-vakantiehuis-bouwen/
    But that was created with the Rev Slider.

    The page we want to add this on is the following: http://www.quackels.com/ppc-chalet-bouwen/
    Wordpress-version: 4.4.2
    X version: 4.1.0
    Cornerstone version:1.1.3

    Kind regards,

    Stefaan

    #850775

    Rue Nel
    Moderator

    Hi Stefaan,

    Thanks for writing in! Instead of using a JS, you can make use of the custom css. Simply edit your page in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS

    @media(min-width: 980px){
      #FullHeightContainer {
        min-height: 100vh;
      }
    }

    Hope this helps. Please let us know how it goes.

    #850783

    stefaan5
    Participant

    That was super quick.

    Thanks X theme!

    #850784

    Paul R
    Moderator

    You’re welcome! 🙂