Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #342842

    Hi,

    I have a strange request but…

    I would like to create the front page (Landing Page) of the website to only display the nav bar, a hero slider using the full screen slider and the footer above the fold (please see the example in dropbox).

    https://www.dropbox.com/s/gba8u14zwg5af2i/Sample-front-page.jpg?dl=0

    I don’t want the visitor to have to scroll down to see the footer options.

    I guess that it maybe a case of reducing the slider height but don’t want it to effect the rest of the website where the full screen slider will be used and take up the whole screen.

    I hope this makes sense.

    Look forward to hearing back from you guys soon.

    Mark

    p.s. I love the Enfold theme so much and it’s saved me hours so far with the simple layout design options and the bonus theme templates!!! Keep up the amazing work.

    #344019

    Hi markpevans!

    Can you please post the link to your landing page? :)

    Cheers!
    Yigit

    #344063

    Hi Yigit,

    Sure can. It’s a demo site created on a sub domain to demo to a client: http://gossip1.uploadinternational.com/home-page/

    #344067

    Hey!

    Can you please firstly set landing page’s header to transparent – http://kriesi.at/documentation/enfold/portfolio-item/intro-to-the-header-configurator/

    Best regards,
    Yigit

    #344075

    Hi Yigit. yep, done that now.

    #344283

    Still the footer is appearing below the fold :(

    #344286

    Hey!

    Please try adding following code to Quick CSS

    .page-id-557 #main {
    margin-top: -150px!important;
    }

    Cheers!
    Yigit

    #344313

    Will this effect the other pages?

    #344697

    This code didn’t work :(

    #345498

    Hi,

    1. Open js/shortcodes.js and look for line 2157:

    css += ".avia-builder-el-0.av-minimum-height-100 .container, .avia-builder-el-0.avia-fullscreen-slider .avia-slideshow{height:"+wh100_mod+"px;}\n";
    

    Replace it by this:

    css += ".avia-builder-el-0.av-minimum-height-100 .container, .avia-builder-el-0.avia-fullscreen-slider .avia-slideshow{height:"+wh75+"px;}\n";
    

    2. Set this setting for the color section you are using as footer – http://screencast.com/t/xmyrRRiENB

    This modification will make the fullscreen slider and the footer to be 75/25 height of the screen.

    Regards,
    Josue

    #345762

    Thanks Josue. Will this effect all sliders for all pages or just this one?

    #345767

    Hi!

    This mod will affect all pages.

    Cheers!
    Arvish

    #345781

    There may be a way of limiting to specific elements but first check if it suits your needs.

    Regards,
    Josue

Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.